售后进度控件

最新推荐文章于 2023-11-05 16:14:54 发布

huang_xiao_yu

最新推荐文章于 2023-11-05 16:14:54 发布

阅读量215

点赞数 1

分类专栏： Android控件 Kotlin

本文链接：https://blog.csdn.net/huang_xiao_yu/article/details/111352973

版权

项目中需要创建一个展示退货退款进度的控件。首先尝试通过控件组合实现，利用ConstraintLayout配合TextView和ImageView，但代码繁琐且不易维护。于是采用自定义View的方式优化，简化代码并提高灵活性。在自定义View中，实现了动态控制步骤显示的高效解决方案。

摘要由CSDN通过智能技术生成

项目需求：

项目中要做一个退货退款或是退货状态下的进度显示：
在这里插入图片描述

实现：

方案一：采用控件组合方式。

在实际开发中，我采用的是ConstraintLayout做为根布局，将textview,imageview组合，利用控件相互制约的方式，实现控件平分宽度。
这种实现起来简单，但是代码写得很繁琐，尤其是控件多的时候。
而且这里步骤也不是固定的，比如在退货退款状态下，就多了一步，那么代码中也就相应要对退件寄出这步做显示和隐藏控制。
所以，在项目上线之后，利用业务时间，就单独画了一个控件，也是就接下来要讲的方案二：

方案二：采用自定义view的方式

效果如下所示：
在这里插入图片描述
关键代码如下：

//1. 确定间距 space = width/totalStep
//2. 确定圆点，图片，字体的坐标
private fun initCirclePoints() {
   
        circleDots.clear()
        textDots.clear()
        bitmapDots.clear()
        var textHeight = mBound.bottom-mBound.top
        var textWidth = mBound.right -mBound.left
        Log.d("hxy ","textHeight = $textHeight,textWidth=$textWidth")
        var textPoint = padding*2+textHeight
        var offset = circleRadius/2
        for(i in 0 until totalStep){
   
            //第一个圆的位置：
            when (i) {
   
                0 -> {
   
                    var pointFirst = PointF(0f + circleRadius, heightSize / 2.toFloat())
                    circleDots.add(pointFirst)
                    Log.d("hxy", "padding=$padding,${
     mBound}")
                    textDots.add(PointF(0f, heightSize / 2