自定義滑動(dòng)解鎖View
- 需求如下：
近期需要做一個(gè)類似屏幕滑動(dòng)解鎖的功能，右劃開(kāi)始，左劃暫停。
- 需求效果圖如下
- 實(shí)現(xiàn)效果展示
- 自定義view如下
/**
-
Desc 自定義滑動(dòng)解鎖View
-
Author ZY
-
Mail sunnyfor98@gmail.com
-
Date 2021/5/17 11:52
*/
@SuppressLint(“ClickableViewAccessibility”)
class SlideSwitchButton : ViewGroup {
constructor(context: Context?) : this(context, null)
constructor(context: Context?, attrs: AttributeSet?) : this(context, attrs, 0)
constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : this(
context,
attrs,
defStyleAttr, 0
)
constructor(
context: Context?,
attrs: AttributeSet?,
defStyleAttr: Int,
defStyleRes: Int
) : super(context, attrs, defStyleAttr, defStyleRes)
var duration = 300
var isOpen = false
var scrollView: ScrollView? = null
var onSwitchListener: ((isOpen: Boolean) -> Unit)? = null
private var itemHeight = 0
private var itemPadding = 0
private var parentWidth = 0
private val stopImgView: ImageView by lazy {
ImageView(context).apply {
setImageResource(R.drawable.f1_svg_btn_stop)
}
}
private val startImgView: ImageView by lazy {
ImageView(context).apply {
setImageResource(R.drawable.f1_svg_btn_start)
}
}
private val hintView: TextView by lazy {
TextView(context).apply {
setTextSize(TypedValue.COMPLEX_UNIT_PX, resources.getDimension(R.dimen.dp_14))
compoundDrawablePadding = resources.getDimension(R.dimen.dp_5).toInt()
setTextColor(Color.parseColor("#727b9f"))
}
}
init {
setBackgroundResource(R.drawable.f1_sel_bg_slide_btn)
addView(hintView)
updateHint()
addView(stopImgView)
addView(startImgView)
var x = 0
startImgView.setOnTouchListener { v, event ->
when (event.action) {
MotionEvent.ACTION_DOWN -> {
scrollView?.requestDisallowInterceptTouchEvent(true)
x = event.x.toInt()
}
MotionEvent.ACTION_UP -> {
if (startImgView.x < (parentWidth - startImgView.width) / 2) {
play(false)
} else {
play(true)
}
scrollView?.requestDisallowInterceptTouchEvent(false)
}
MotionEvent.ACTION_MOVE -> {
val lastX = event.x - x
if (startImgView.x + lastX > parentWidth - itemPadding - startImgView.width) {
return@setOnTouchListener true
}
if (startImgView.x + lastX < itemPadding) {
return@setOnTouchListener true
}
startImgView.x += lastX
}
}
return@setOnTouchListener true
}
}
override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec)
setMeasuredDimension(widthMeasureSpec, resources.getDimension(R.dimen.dp_90).toInt())
itemPadding = resources.getDimension(R.dimen.dp_5).toInt()
itemHeight = resources.getDimension(R.dimen.dp_80).toInt()
parentWidth = MeasureSpec.getSize(widthMeasureSpec)
}
override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
stopImgView.layout(
itemPadding,
itemPadding,
itemPadding + itemHeight,
itemPadding + itemHeight
)
startImgView.layout(
itemPadding,
itemPadding,
itemPadding + itemHeight,
itemPadding + itemHeight
)
val len =
hintView.paint.measureText(hintView.text.toString()) + resources.getDimension(R.dimen.dp_24)
val let = (r - len) / 2
hintView.layout(
let.toInt(),
resources.getDimension(R.dimen.dp_35).toInt(),
(let + len).toInt(),
resources.getDimension(R.dimen.dp_55).toInt()
)
}
/**
* flag tue為開(kāi)始 false為停止
*/
private fun play(flag: Boolean) {
val mStart = startImgView.x
val mEnd = if (flag) {
parentWidth - itemPadding * 2 - startImgView.width.toFloat()
} else {
stopImgView.x - itemPadding
}
val animatorOBJ =
ObjectAnimator.ofFloat(startImgView, "translationX", mStart, mEnd)
animatorOBJ.duration = duration.toLong()
animatorOBJ.addListener(object : Animator.AnimatorListener {
override fun onAnimationRepeat(animation: Animator?) {
}
override fun onAnimationEnd(animation: Animator?) {
updateHint(flag)
if (flag != isOpen) {
isOpen = flag
onSwitchListener?.invoke(flag)
}
}
override fun onAnimationCancel(animation: Animator?) {
}
override fun onAnimationStart(animation: Animator?) {
}
})
animatorOBJ.start()
}
private fun updateHint(lock: Boolean = false) {
val icon = if (lock) {
hintView.text = "滑動(dòng)停止"
ResourcesCompat.getDrawable(resources, R.drawable.f1_svg_left_arrow, null)
} else {
hintView.text = "滑動(dòng)開(kāi)始"
ResourcesCompat.getDrawable(resources, R.drawable.f1_svg_right_arrow, null)
}
icon?.setBounds(
0,
0,
resources.getDimension(R.dimen.dp_14).toInt(),
resources.getDimension(R.dimen.dp_12).toInt()
)
if (lock) {
hintView.setCompoundDrawables(icon, null, null, null)
} else {
hintView.setCompoundDrawables(null, null, icon, null)
}
}
fun stop() {
play(false)
}
fun start() {
play(true)
}
}
這里需要注意一點(diǎn)：頁(yè)面過(guò)長(zhǎng)時(shí)，ScrollView和SlideSwitchButton滑動(dòng)事件會(huì)沖突，所以需要吧scrollView傳進(jìn)來(lái)
- 調(diào)用方式如下
/**
-
Desc 自定義滑動(dòng)解鎖View
-
Author ZY
-
Mail sunnyfor98@gmail.com
-
Date 2021/5/28 17:48
*/
class SlideSwitchButtonActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.f1_act_main)
btn_start.scrollView = scrollView
btn_start.onSwitchListener = {
if (it) {
Toast.makeText(this,"開(kāi)始操作",Toast.LENGTH_LONG).show()
btn_start.start()
} else {
Toast.makeText(this,"停止操作",Toast.LENGTH_LONG).show()
btn_start.stop()
}
}
}
}
之前封裝了一版ZyFrame框架，集工具類、自定義組件、網(wǎng)絡(luò)請(qǐng)求框架一體，感覺(jué)用起來(lái)有些厚重，接下來(lái)會(huì)抽時(shí)間做拆分，ZyFrame保留網(wǎng)絡(luò)請(qǐng)求功能，ZyUI專做自定義組件，ZyTool專做工具類，大概就這樣。
文章來(lái)源：網(wǎng)絡(luò) 版權(quán)歸原作者所有文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-637908.html
上文內(nèi)容不用于商業(yè)目的，如涉及知識(shí)產(chǎn)權(quán)問(wèn)題，請(qǐng)權(quán)利人聯(lián)系小編，我們將立即處理文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-637908.html
到了這里，關(guān)于android開(kāi)發(fā)之Android 自定義滑動(dòng)解鎖View的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
