广告
返回顶部
首页 > 资讯 > 移动开发 >Android自定义view实现滑动解锁效果
  • 802
分享到

Android自定义view实现滑动解锁效果

2024-04-02 19:04:59 802人浏览 安东尼
摘要

本文实例为大家分享了Android自定义view实现滑动解锁的具体代码,供大家参考,具体内容如下 1. 需求如下: 近期需要做一个类似屏幕滑动解锁的功能,右划开始,左划暂停。 2.

本文实例为大家分享了Android自定义view实现滑动解的具体代码,供大家参考,具体内容如下

1. 需求如下:

近期需要做一个类似屏幕滑动解锁的功能,右划开始,左划暂停。

2. 需求效果图如下

3. 实现效果展示

4. 自定义view如下



@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()
        )
    }


    
    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 = "滑动停止"
            ResourcesCompat.getDrawable(resources, R.drawable.f1_svg_left_arrow, null)
        } else {
            hintView.text = "滑动开始"
            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)
    }
}

这里需要注意一点:页面过长时,ScrollView和SlideSwitchButton滑动事件会冲突,所以需要吧scrollView传进来

5. 调用方式如下



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,"开始操作",Toast.LENGTH_LONG).show()
                btn_start.start()
            } else {
                Toast.makeText(this,"停止操作",Toast.LENGTH_LONG).show()
                btn_start.stop()
            }
        }
    }

}

之前封装了一版ZyFrame框架,集工具类、自定义组件、网络请求框架一体,感觉用起来有些厚重,接下来会抽时间做拆分,ZyFrame保留网络请求功能,ZyUI专做自定义组件,ZyTool专做工具类,大概就这样。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Android自定义view实现滑动解锁效果

本文链接: https://www.lsjlt.com/news/127243.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android自定义view实现滑动解锁效果
    本文实例为大家分享了Android自定义view实现滑动解锁的具体代码,供大家参考,具体内容如下 1. 需求如下: 近期需要做一个类似屏幕滑动解锁的功能,右划开始,左划暂停。 2. ...
    99+
    2022-11-12
  • 怎么在Android中通过自定义view实现滑动解锁效果
    怎么在Android中通过自定义view实现滑动解锁效果?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。自定义view如下@SuppressLint("Clicka...
    99+
    2023-06-15
  • android自定义View滑动删除效果
    View滑动删除效果图 实现功能 1、可以向左滑动,右侧出现删除 2、向左滑动如果删除出现一大半,松手打开删除,反之关闭删除 3、应用场景    ...
    99+
    2022-06-06
    view Android
  • Android中自定义view实现侧滑效果
    效果图: 看网上的都是两个view拼接,默认右侧的不显示,水平移动的时候把右侧的view显示出来。但是看最新版QQ上的效果不是这样的,但给人的感觉却很好,所以献丑来一发比较高...
    99+
    2022-06-06
    view 自定义view Android
  • Android自定义View实现竖向滑动回弹效果
    本文实例为大家分享了Android自定义View实现滑动回弹的具体代码,供大家参考,具体内容如下 前言 Android 页面滑动的时候的回弹效果 一、关键代码 public clas...
    99+
    2022-11-13
  • Android自定义view实现滑动解锁九宫格控件
    目录前言需求效果图前言 上一篇文章用贝塞尔曲线画了一个看起来不错的小红点功能,技术上没什么难度,主要就是数学上的计算。这篇文章也差不多,模仿了一个常用的滑动解锁的九宫格控件。 需求 ...
    99+
    2023-02-09
    Android滑动解锁九宫格 Android滑动解锁 Android九宫格控件
  • Android自定义View实现动画效果详解
    目录帧动画补间动画属性动画帧动画 帧动画就是给定一个完整动画的所有关键帧,由大脑想象中间的变化过程的一种动画。 <xml version="1.0" encoding="utf...
    99+
    2023-02-02
    Android自定义View实现动画 Android 动画 Android自定义View
  • Android怎么自定义View实现竖向滑动回弹效果
    这篇文章主要介绍“Android怎么自定义View实现竖向滑动回弹效果”,在日常操作中,相信很多人在Android怎么自定义View实现竖向滑动回弹效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Andro...
    99+
    2023-06-30
  • Android如何自定View实现滑动验证效果
    本篇内容主要讲解“Android如何自定View实现滑动验证效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android如何自定View实现滑动验证效果”吧!效果图自定义属性代码<xm...
    99+
    2023-06-22
  • Android自定义View实现拖动自动吸边效果
    本文实例为大家分享了Android自定义View实现拖动自动吸边的具体代码,供大家参考,具体内容如下 自定义View,一是为了满足设计需求,二是开发者进阶的标志之一。随心所欲就是我等...
    99+
    2022-11-13
  • Android自定View实现滑动验证效果的代码
    效果图 自定义属性代码 <?xml version="1.0" encoding="utf-8"?> <resources> &...
    99+
    2022-11-12
  • android自定义view实现钟表效果
    本文实例为大家分享了android view实现钟表的具体代码,供大家参考,具体内容如下 先看效果图: 自定义view大家肯定已经不陌生了,所以直接今天直接步入正题:如何利用...
    99+
    2022-06-06
    view Android
  • Android自定义View实现扫描效果
    本文实例为大家分享了Android自定义View实现扫描效果的具体代码,供大家参考,具体内容如下 演示效果如下: 实现内容: 1、控制动画是竖向或者横向 2、控制动画初始是从底部/...
    99+
    2022-11-12
  • Android自定义View实现时钟效果
    本文实例为大家分享了Android自定义View实现时钟效果的具体代码,供大家参考,具体内容如下 自定义时钟 初学自定义View,先画一个不太成熟的时钟(甚至只有秒针) 时钟效果 ...
    99+
    2022-11-12
  • Android自定义view实现侧滑栏详解
    目录前言需求效果图编写代码主要问题前言 上一篇文章学了下自定义View的onDraw函数及自定义属性,做出来的滚动选择控件还算不错,就是逻辑复杂了一些。这篇文章打算利用自定义view...
    99+
    2022-11-13
    Android侧滑栏 Android自定义view 自定义view侧滑栏
  • Android 自定义view实现水波纹动画效果
    在实际的开发中,很多时候还会遇到相对比较复杂的需求,比如产品妹纸或UI妹纸在哪看了个让人兴奋的效果,兴致高昂的来找你,看了之后目的很明确,当然就是希望你能给她;在这样的关键时候,身子板就一定得硬了,可千万别说不行,爷们儿怎么能说不行呢;好了...
    99+
    2023-05-31
    android 水波纹 roi
  • Android自定义view利用PathEffect实现动态效果
    目录前言一、首先介绍下PathEffect的一些子类二、看看子类具体的一些代码三、案例实现(CornerPathEffect,PathDashPathEffect,ComposePa...
    99+
    2022-11-13
  • Android自定义View实现loading动画加载效果
     项目开发中对Loading的处理是比较常见的,安卓系统提供的不太美观,引入第三发又太麻烦,这时候自己定义View来实现这个效果,并且进行封装抽取给项目提供统一的lo...
    99+
    2022-06-06
    view loading Android
  • Android自定义控件实现滑动开关效果
    自定义开关控件   Android自定义控件一般有三种方式 1、继承Android固有的控件,在Android原生控件的基础上,进行添加功能和逻辑。 2、继承V...
    99+
    2022-06-06
    开关 Android
  • Android如何实现View滑动效果
    这篇文章给大家分享的是有关Android如何实现View滑动效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、View的滑动简介View的滑动是Android实现自定义控件的基础,同时在开发中我们也难免会遇到...
    99+
    2023-06-14
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作