Android 利用ClipDrawable 自定义进度条

一,整体布局

    
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">


    <ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="12dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:layout_marginTop="10dp"
        android:src="@drawable/drawable_inset"/>

LinearLayout>

二,drawable/drawable_inset 对应资源


<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:clipOrientation="horizontal"
    android:drawable="@drawable/progress_bar"
    android:gravity="left">
clip >

三,@drawable/progress_bar 对应shape


<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/button_normal_color" />
    <corners android:radius="8dp"/>
shape>

四,对应java代码

public class Main2Activity extends Activity {


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.linear_test);
        ImageView imageView = findViewById(R.id.image);
        Drawable drawable = imageView.getDrawable();

        ValueAnimator valueAnimator  =  ValueAnimator.ofInt(1,10000);
        valueAnimator.setDuration(3000);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                drawable.setLevel((int)animation.getAnimatedValue());
            }
        });
        valueAnimator.start();
    }
}

五,效果图

Android 利用ClipDrawable 自定义进度条_第1张图片

这里写图片描述

Android 利用ClipDrawable 自定义进度条_第2张图片

你可能感兴趣的:(android)