主要给大家介绍了关于Android实现条纹进度条的方法，主要是通过调整view宽度仿进度条，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面来一起看看吧
在Android开发中，有时我们需要创建定制化的UI组件以满足特定的设计需求。本篇文章将探讨如何在Android中实现条纹进度条，特别是在不使用shape或.9图片的情况下，而是通过调整view宽度来模拟进度条效果。这种方法对于那些需要动态变化且具有复杂图案的进度条尤为实用。
我们要实现的是一个带有圆角的ImageView，因为条纹进度条需要一个圆形或半圆形的头部。这里我们自定义了一个名为`RoundCornerImageView`的类，它继承自`android.support.v7.widget.AppCompatImageView`。在这个自定义视图中，我们添加了`mRadius`属性来设置圆角半径，并通过`mClipPath`和`mRect`来处理路径和矩形区域。在`onDraw()`方法中，我们使用`canvas.clipPath()`来剪裁画布，使得绘制的内容具有圆角效果。
```java
public class RoundCornerImageView extends android.support.v7.widget.AppCompatImageView {
private float mRadius = 18;
private Path mClipPath = new Path();
private RectF mRect = new RectF();
// ... 构造函数和setRadius方法 ...
@Override
protected void onDraw(Canvas canvas) {
mRect.set(0, 0, this.getWidth(), this.getHeight());
mClipPath.reset(); // 记得重置路径
mClipPath.addRoundRect(mRect, mRadius, mRadius, Path.Direction.CW);
canvas.clipPath(mClipPath);
super.onDraw(canvas);
}
}
```
接下来，为了实现条纹进度条，我们需要在布局文件中设置两个ImageView，一个作为背景（底部，bottom），另一个作为进度条图片（cover）。这两个ImageView会叠加在一起，当进度改变时，我们只需要改变`p_cover_iv`的宽度即可。例如：
```xml
<RelativeLayout
android:id="@+id/progress_layout"
android:layout_width="190dp"
android:layout_height="10dp"
android:layout_centerInParent="true">
<ImageView
android:id="@+id/p_bot_iv"
android:layout_width="190dp"
android:layout_height="10dp"
android:src="@drawable/shape_round_corner_bottom" />
<com.rustfisher.view.RoundCornerImageView
android:id="@+id/p_cover_iv"
android:layout_width="100dp" <!-- 进度条初始宽度 -->
android:layout_height="10dp"
android:scaleType="centerCrop"
android:src="@drawable/striped_progress" />
</RelativeLayout>
```
在上述布局中，`p_bot_iv`用于显示条纹背景，`p_cover_iv`则覆盖在上面，初始宽度为100dp。当进度增加时，可以通过修改`p_cover_iv`的宽度来更新进度条的显示。例如，你可以通过以下方式更新进度：
```java
private void updateProgress(float progress) {
int newWidth = (int) (progress * 190); // 假设190dp是最大宽度
RoundCornerImageView coverIv = findViewById(R.id.p_cover_iv);
ViewGroup.LayoutParams layoutParams = coverIv.getLayoutParams();
layoutParams.width = newWidth;
coverIv.setLayoutParams(layoutParams);
}
```
这个例子展示了如何使用自定义的`RoundCornerImageView`和简单的布局管理来实现条纹进度条效果。通过这种方式，我们可以根据需要调整条纹的样式，同时保持视图的性能。不过，要注意的是，这种方法可能并不适用于所有情况，特别是当条纹的图案非常复杂时，可能需要使用更复杂的绘图技术，如自定义ViewGroup并直接在Canvas上绘制。但在大多数情况下，上述方法足够灵活且易于实现。
