kotlin音乐app之自定义点击缩放组件Shrink Layout

上链接🫦

为了丰富用户的体验感,再点击一个item的时候都喜欢能够得到一些反馈,这样,为了能够得到反馈,我写了个缩放布局,让一整个被此布局包裹的组件感觉都被缩小了👆(怎么找不到那个小人了/👨‍🎤)

感觉这个设计就很天才了,这样我每个组件都实现这个容器,岂不是每一个item都能缩小了👄(爽飞了!)

上图,视频最后app崩溃是因为我用了redis并且把redi后端中转api部署到了我的myredisapi.com,但是我的代码没放在云上面,或者docker里就崩了。

上代码!

import android.content.Context

import android.util.AttributeSet

import android.view.MotionEvent

import android.view.View

import android.view.ViewConfiguration

import android.widget.FrameLayout

import androidx.constraintlayout.widget.ConstraintLayout

import kotlin.math.abs

class ShrinkLayout @JvmOverloads constructor(context: Context,

attributeSet: AttributeSet? = null,

defStyle:Int = 0

) : ConstraintLayout(context,attributeSet,defStyle) {

private val scaleFactor = 0.95f

private val duration = 150L

private var onTouchListener:ShrinkLayout.OnTouchListener? = null

private var initialX = 0f // 初始触摸点 X

private var initialY = 0f // 初始触摸点 Y

init {

isClickable = true

// setOnTouchListener(AngleTouchListener(this))

//触摸监听

setOnTouchListener { v, event ->

when(event.action){

MotionEvent.ACTION_DOWN ->{

initialX = event.x

initialY = event.y

performClick()

animate().scaleX(scaleFactor).scaleY(scaleFactor).setDuration(duration).start()

}

// MotionEvent.ACTION_MOVE->{

// val dx = abs(event.x - initialX)

// val dy = abs(event.y - initialY)

// if (dx > touchSlop || dy > touchSlop){

parent.requestDisallowInterceptTouchEvent(true)//禁止父容器拦截事件

// animate().cancel()//正在滑动取消动画效果

// scaleX = 1f

// scaleY = 1f

// }

// }

MotionEvent.ACTION_UP->{

animate().scaleX(1f).scaleY(1f).setDuration(duration).start()

performClick()

onTouchListener?.onShrinkTouch()

}

MotionEvent.ACTION_CANCEL ->{

animate().scaleX(1f).scaleY(1f).setDuration(duration).start()

performClick()

}

}

false //传递给子容器

}

}

override fun performClick(): Boolean {

return super.performClick()

}

fun setOnTouchListener(onTouchListener: OnTouchListener){

this.onTouchListener = onTouchListener

}

interface OnTouchListener{

fun onShrinkTouch()

}

}

好了,那很长了🤮。

我们来一个个分析,这个我自己写了一个点击事件监听接口放在了这里面,在playmusicfragment中实现了此接口。这些还都不重要,接着看😇

我继承了约束布局,因为我喜欢用这个,性能比较好,不会有太多嵌套😋。

然后,缩放动画,老演员了,scale X,Y表示宽和高各自缩小到原来的多少。

最重要的来了,触摸事件,当然,我写得并不好并且借助了ai,这没什么可耻的毕竟是学习项目嘛,而且ai辅助开发也算是趋势了🥹。

这initxy啥的我都注释了,ai生成的没啥用感觉。在摁下去的时候,也就是dawn,只有一个缩小的动画,其实这里没改写好,perform Click这里可能因为有这个我滑动的时候才会一直触发点_吧(这里省略一字),还请大佬指点啦。

其实这几个action主要是对缩放进行了处理,然后事件分发到子view让他们也知道该缩小还是放大,你复制到IDE就知道怎么个事了,当时ai写的啥也不是,不如自己写🥲

好啦,如果觉得主包写的还不错可以给个关注嘞😋。

相关推荐
apocelipes1 小时前
golang unique包和字符串内部化
java·python·性能优化·golang
诸神黄昏EX1 小时前
Android Build系列专题【篇四:编译相关语法】
android
Full Stack Developme2 小时前
java.text 包详解
java·开发语言·python
刘梦凡呀3 小时前
C#获取钉钉平台考勤记录
java·c#·钉钉
best_virtuoso3 小时前
PostgreSQL 常见数组操作函数语法、功能
java·数据结构·postgresql
yudiandian20143 小时前
02 Oracle JDK 下载及配置(解压缩版)
java·开发语言
雨白3 小时前
优雅地处理协程:取消机制深度剖析
android·kotlin
楚韵天工4 小时前
宠物服务平台(程序+文档)
java·网络·数据库·spring cloud·编辑器·intellij-idea·宠物
helloworddm4 小时前
Orleans Stream SubscriptionId 生成机制详解
java·系统架构·c#
失散134 小时前
分布式专题——43 ElasticSearch概述
java·分布式·elasticsearch·架构