Android自定义控件（实现状态提示图表）

Android自定义控件是指开发者自己创建的视图控件，它可以根据自身的需要进行具体的样式和交互效果的实现，这是Android开发中必不可少的技能之一。

实现状态提示图表是一个常见的需求，通常我们会使用ImageView或TextView等控件展示一个图标或文本提示。但是，如果我们想要实现更加自定义的效果，例如根据不同的状态展示不同的图表、加上动画效果等，这时候就需要自定义控件了。

下面是Android自定义控件实现状态提示图表的完整攻略：

1. 继承View或其子类

首先，我们需要继承View或其子类，这样才能够实现自己所需的UI效果。以继承View为例，代码如下：

class StatusIconView(context: Context?, attrs: AttributeSet?) : View(context, attrs) {
    // 控件的宽度和高度
    private var mWidth = 0
    private var mHeight = 0

    // TODO: 接着添加自定义控件的其他属性和方法
}

1. 重写onMeasure方法

接着，我们需要重写onMeasure方法，来确定控件的宽度和高度。在此之前，我们需要先确定该控件所需的最小宽度和高度。

private val STATUS_ICON_SIZE = 24 // 图标的大小，单位dp
private val STATUS_ICON_MARGIN = 8 // 图标的间距，单位dp

init {
    val density = resources.displayMetrics.density // 获取当前屏幕的像素密度
    val iconSize = (density * STATUS_ICON_SIZE).toInt() // dp转为像素
    val margin = (density * STATUS_ICON_MARGIN).toInt()
    mWidth = iconSize * STATUS.values().size + margin * (STATUS.values().size - 1) // 计算控制的宽度
    mHeight = iconSize // 控件的高度即图标的高度
}

override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec)
    setMeasuredDimension(mWidth, mHeight) // 指定控件的宽高
}

1. 重写onDraw方法

接下来，我们需要在onDraw方法中绘制UI效果，根据不同的状态绘制不同的图表。

private val mPaint = Paint(Paint.ANTI_ALIAS_FLAG)

init {
    mPaint.style = Paint.Style.FILL
    mPaint.color = Color.parseColor("#FF4081")
}

override fun onDraw(canvas: Canvas?) {
    super.onDraw(canvas)
    val density = resources.displayMetrics.density // 获取当前屏幕的像素密度
    val iconSize = (density * STATUS_ICON_SIZE).toInt() // dp转为像素
    val margin = (density * STATUS_ICON_MARGIN).toInt()

    val icons = getStatusIcons()

    // 绘制状态图标
    for (i in icons.indices) {
        val icon = icons[i]
        val left = i * iconSize + i * margin // 计算图标的左侧位置
        val right = left + iconSize // 计算图标的右侧位置
        val top = 0 // 图标的上侧位置即控件顶部
        val bottom = iconSize // 图标的下侧位置即控件的高度
        canvas?.drawBitmap(icon, null, Rect(left, top, right, bottom), mPaint)
    }
}

// 根据不同的状态获取不同的图标
private fun getStatusIcons(): Array<Bitmap> {
    val successIcon = BitmapFactory.decodeResource(resources, R.mipmap.ic_launcher)
    val incompleteIcon = successIcon
    val failedIcon = successIcon

    return arrayOf(successIcon, incompleteIcon, failedIcon)
}

上述代码中，我们首先定义了绘制图标所需的属性，如图标的大小和间距。接着在onDraw方法中绘制出所有图标，这里我们利用了Canvas的drawBitmap方法。最后我们根据不同的状态返回不同的图标。

1. 定义自定义属性

如果我们需要对该自定义控件进行属性设置的话，我们需要定义自定义属性。在res/values/attrs.xml文件中进行如下定义：

<declare-styleable name="StatusIconView">
    <attr name="status" format="enum">
        <enum name="success" value="0" />
        <enum name="incomplete" value="1" />
        <enum name="failed" value="2" />
    </attr>
</declare-styleable>

1. 处理自定义属性

接下来，我们需要在自定义View的构造函数中处理这些属性。代码如下：

private var mCurrentStatus = STATUS.SUCCESS

init {
    if (attrs != null) {
        val a = context.obtainStyledAttributes(attrs, R.styleable.StatusIconView)
        mCurrentStatus = STATUS.values()[a.getInt(R.styleable.StatusIconView_status, 0)]
        a.recycle()
    }
}

1. 创建状态的枚举类

为了便于管理不同的状态，我们可以创建一个枚举类。示例代码如下：

enum class STATUS {
    SUCCESS, INCOMPLETE, FAILED
}

1. 添加交互效果

如果我们想要添加一些交互效果，例如点击时图表改变、加入动画等，我们可以重写onTouchEvent方法或添加属性动画，实现自己所需的效果。这里举一个简单的点击切换状态的示例：

override fun onTouchEvent(event: MotionEvent?): Boolean {
    if (event?.actionMasked == MotionEvent.ACTION_DOWN) {
        when (mCurrentStatus) {
            STATUS.SUCCESS -> mCurrentStatus = STATUS.INCOMPLETE
            STATUS.INCOMPLETE -> mCurrentStatus = STATUS.FAILED
            STATUS.FAILED -> mCurrentStatus = STATUS.SUCCESS
        }
        invalidate() // 重新绘制控件
        return true
    }
    return false
}

至此，我们已经完成了Android自定义控件实现状态提示图表的完整攻略。以上是基础步骤的简单示例，还有很多细节需要掌握，建议多进行实践练习。