在Android开发中，使用clip标签结合XML配置可以实现基于图片裁剪的进度条效果，这种方式不需要编写复杂的自定义View逻辑，仅通过XML属性配置和简单的代码控制就能完成进度展示需求。
clip标签基础介绍
clip标签是Android XML中的可选标签，用于定义对Drawable的裁剪行为，核心属性是android:clipOrientation和android:gravity，通过这两个属性可以控制裁剪的方向和起始位置。
android:clipOrientation：可选值为horizontal（水平裁剪）和vertical（垂直裁剪），决定裁剪的方向android:gravity：决定裁剪的起始位置，比如left表示从左侧开始裁剪，right表示从右侧开始裁剪，top表示从顶部开始裁剪，bottom表示从底部开始裁剪
XML布局实现步骤
1. 准备进度条背景和进度图片
首先需要准备两张图片，一张作为进度条的背景，一张作为进度填充的图片，假设我们将背景图片命名为bg_progress，进度图片命名为img_progress，都放在res/drawable目录下。
2. 定义clip类型的Drawable文件
在res/drawable目录下新建一个progress_clip.xml文件，内容如下：
<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
android:clipOrientation="horizontal"
android:gravity="left">
<bitmap
android:src="@drawable/img_progress"
android:tileMode="disabled" />
</clip>
这个文件中，我们定义了水平方向从左侧开始裁剪，裁剪的内容是img_progress图片，tileMode设置为disabled表示图片不重复平铺。
3. 布局文件中使用进度条
在需要的布局文件中，使用ImageView来展示进度条，背景设置为背景图片，src设置为上面定义的clip Drawable：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">
<ImageView
android:id="@+id/iv_progress"
android:layout_width="300dp"
android:layout_height="30dp"
android:background="@drawable/bg_progress"
android:src="@drawable/progress_clip" />
</LinearLayout>
代码中控制进度变化
clip Drawable的裁剪比例需要通过代码来设置，核心是通过getDrawable()获取clip Drawable对象，然后调用setLevel()方法设置裁剪等级，等级范围是0到10000，对应0%到100%的进度。
示例Java代码如下：
import android.os.Bundle;
import android.widget.ImageView;
import androidx.appcompat.app.AppCompatActivity;
public class ProgressActivity extends AppCompatActivity {
private ImageView ivProgress;
private int currentProgress = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_progress);
ivProgress = findViewById(R.id.iv_progress);
// 模拟进度变化
new Thread(new Runnable() {
@Override
public void run() {
while (currentProgress <= 100) {
runOnUiThread(new Runnable() {
@Override
public void run() {
// 设置裁剪等级，10000对应100%进度
ivProgress.getDrawable().setLevel(currentProgress * 100);
}
});
currentProgress++;
try {
Thread.sleep(100);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}).start();
}
}
如果是Kotlin代码，实现逻辑类似：
import android.os.Bundle
import android.widget.ImageView
import androidx.appcompat.app.AppCompatActivity
import kotlin.concurrent.thread
class ProgressActivity : AppCompatActivity() {
private lateinit var ivProgress: ImageView
private var currentProgress = 0
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_progress)
ivProgress = findViewById(R.id.iv_progress)
thread {
while (currentProgress <= 100) {
runOnUiThread {
// 设置裁剪等级，10000对应100%进度
ivProgress.drawable.setLevel(currentProgress * 100)
}
currentProgress++
Thread.sleep(100)
}
}
}
}
注意事项
- 如果设置进度后没有效果，需要检查是否调用了
getDrawable()方法，并且确保clip Drawable已经正确关联到ImageView - 裁剪方向和gravity属性需要匹配，比如水平裁剪时，gravity设置为left才会从左到右显示进度，如果设置为right则会从右到左显示
- 如果进度图片尺寸和ImageView尺寸不匹配，可以通过调整ImageView的scaleType属性来适配，不过一般建议进度图片尺寸和ImageView尺寸保持一致
这种方式实现的进度条性能较好，因为没有复杂的绘制逻辑，适合对性能要求较高的场景，同时修改进度图片就可以快速更换进度条的样式，扩展性也不错。