前言
用過CoordinatorLayout的小伙伴應(yīng)該都會(huì)發(fā)現(xiàn)爬骤，在這個(gè)布局里面澡屡，我們有一個(gè)behavior屬性颈畸，可以實(shí)現(xiàn)一些比較不錯(cuò)的動(dòng)畫效果，比如折疊式toolbar掂骏，snackbar頂起floatingActionBar等等轰驳，那么今天我們就來自定義一個(gè)behavior實(shí)現(xiàn)我們想要的效果。
最終效果演示
左邊的View是可以隨著手指拖動(dòng)的弟灼，右邊的button的x軸反向移動(dòng)级解，y軸相同
跟隨手指移動(dòng)的view
這個(gè)實(shí)現(xiàn)起來比較簡單，重寫觸摸事件即可袜爪，直接貼代碼了
class MoveView : TextView {
constructor(context: Context?) : this(context, null)
constructor(context: Context?, attrs: AttributeSet?) : this(context, attrs, 0)
constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr)
private var downX : Float = 0.0f
private var downY : Float = 0.0f
override fun onTouchEvent(event: MotionEvent?): Boolean {
when (event?.action) {
MotionEvent.ACTION_DOWN -> {
downX = event.x
downY = event.y
}
MotionEvent.ACTION_MOVE -> {
//x是滑動(dòng)的距離
translationX = x + (event.x - downX)
translationY = y + (event.y - downY)
}
MotionEvent.ACTION_UP -> {
downX = event.x
downY = event.y
}
}
return true
}
}
傳統(tǒng)實(shí)現(xiàn)跟隨滑動(dòng)方式
1.在MoveView中添加button蠕趁，加入相關(guān)的邏輯操作
2.在Activity中通過GestureDetector改變button的位置
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val gestureDetector = GestureDetector(this,object : GestureDetector.OnGestureListener {
override fun onShowPress(e: MotionEvent?) {}
override fun onSingleTapUp(e: MotionEvent?): Boolean { return false }
override fun onDown(e: MotionEvent?): Boolean { return false }
override fun onFling(e1: MotionEvent?, e2: MotionEvent?, velocityX: Float, velocityY: Float): Boolean { return false }
override fun onScroll(e1: MotionEvent?, e2: MotionEvent?, distanceX: Float, distanceY: Float): Boolean {
//在屏幕上拖動(dòng)事件
btn.x = windowManager.defaultDisplay.width - mv.x
btn.y = mv.y
return false
}
override fun onLongPress(e: MotionEvent?) {}
})
mv.setOnTouchListener { _, event -> gestureDetector.onTouchEvent(event) }
}
}
上面2種方式確實(shí)可以實(shí)現(xiàn)上述效果，但是辛馆，可擴(kuò)展性基本為0俺陋，如果我現(xiàn)在想把button改成imageview，如果是第一種方式昙篙，我就不得不去修改MoveView中的代碼腊状，如果是第二種方式，我就必須去修改Activity中的代碼苔可，這顯然不行缴挖，如果多個(gè)地方都用到這種效果，代碼量就很大了焚辅，而且不靈活映屋。
自定義behavior實(shí)現(xiàn)
我們只需要繼承CoordinatorLayout.Behavior苟鸯，然后重寫layoutDependsOn和onDependentViewChanged這兩個(gè)方法即可，剩下的操作全部在這里執(zhí)行棚点，然后給你想要實(shí)現(xiàn)拖動(dòng)的view添加一個(gè)behavior即可早处。
class CustomBehavior : CoordinatorLayout.Behavior<View> {
constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs)
/**
* 判斷child是否依賴dependency,也可以理解為是否要響應(yīng)behavior，如果用戶操作的view是你需要的view瘫析，那么就響應(yīng)
*/
override fun layoutDependsOn(parent: CoordinatorLayout?, child: View?, dependency: View?): Boolean {
Log.d("lxt", (dependency is MoveView).toString())
//返回true砌梆，響應(yīng)事件
return dependency is MoveView
}
/**
* 當(dāng)dependency發(fā)生改變時(shí)（位置、寬高等）贬循，執(zhí)行這個(gè)函數(shù)
* 返回true表示child的位置或者是寬高要發(fā)生改變咸包，否則就返回false
*/
override fun onDependentViewChanged(parent: CoordinatorLayout, child: View, dependency: View): Boolean {
//根據(jù)dependency的位置，設(shè)置child的位置
Log.d("lxt", dependency.y.toString())
val left = dependency.x
val screenWidth = parent.width
child.x = screenWidth - left - child.width
child.y = dependency.y
return true
}
}
用behavior的好處顯而易見
1.不用修改MoveView中的任何代碼
2.不用在Activity中添加任何代碼
3.可以給任何你想要實(shí)現(xiàn)效果的view添加behavior杖虾，耦合度為0
