Android实现自定义加载框的代码示例

下面我来详细讲解 "Android实现自定义加载框的代码示例" 的完整攻略。

1. 材料准备

在进行自定义加载框的实现之前，需要准备以下材料：

• 一台安装有Android开发环境的电脑
• 一台安装有Android Studio的电脑
• 一个空的Android工程

2. 实现过程

2.1 自定义视图

首先，我们需要先定义一个继承自View的自定义视图。

class LoadingView : View {

    private val paint = Paint(Paint.ANTI_ALIAS_FLAG)

    constructor(context: Context) : super(context) {
        init()
    }

    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) {
        init()
    }

    private fun init() {
        // 初始化画笔
        paint.color = Color.WHITE
        paint.strokeWidth = 10f
        paint.style = Paint.Style.STROKE
    }

    override fun onDraw(canvas: Canvas?) {
        super.onDraw(canvas)

        // 绘制圆形进度条
        val rectF = RectF(10f, 10f, width.toFloat() - 10f, height.toFloat() - 10f)
        canvas?.drawArc(rectF, 0f, 360f, false, paint)
    }

}

在自定义视图中，我们绘制了一个圆形的进度条，并将其用于后面的加载框中。

2.2 实现自定义加载框

接下来，我们需要实现一个继承自Dialog的自定义加载框。

class LoadingDialog(context: Context) : Dialog(context, R.style.LoadingDialog) {

    init {
        setContentView(R.layout.dialog_loading)
        setCancelable(true)
    }


    class Builder(private val context: Context) {

        fun build(): LoadingDialog {
            val dialog = LoadingDialog(context)
            dialog.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
            return dialog
        }
    }

}

在自定义加载框中，我们通过setContentView方法来加载自定义视图，同时设置了对话框为可取消的。另外，为了使对话框背景透明，我们在Builder中设置了其背景。

2.3 使用自定义加载框

最后，我们需要使用自定义加载框来展示加载进度。

val dialog = LoadingDialog.Builder(this).build()
dialog.show()

这里我们通过调用自定义对话框的构造方法来创建对话框实例，然后通过调用show方法来展示出来。

3. 示例说明

示例1：修改进度条颜色

如果我们需要将进度条颜色改为黄色，我们只需要在自定义视图的init方法中将画笔颜色修改成黄色即可。

private fun init() {
    // 将画笔颜色修改为黄色
    paint.color = Color.YELLOW
    paint.strokeWidth = 10f
    paint.style = Paint.Style.STROKE
}

示例2：修改加载框样式

如果我们需要将加载框样式修改成全屏模式，我们只需要修改自定义加载框的样式。

class LoadingDialog(context: Context) : Dialog(context, android.R.style.Theme_Black_NoTitleBar_Fullscreen) {

    init {
        setContentView(R.layout.dialog_loading)
        setCancelable(true)
    }

    // ...
}

我们将加载框的样式从自定义的"LoadingDialog"修改成了系统自带的全屏样式"Theme_Black_NoTitleBar_Fullscreen"。这样就能够实现全屏显示了。