1. 程式人生 > >Android 利用ClipDrawable 自定義進度條

Android 利用ClipDrawable 自定義進度條

一,整體佈局

    <?xml version="1.0" encoding="utf-8"?>
<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 對應資源

<?xml version="1.0" encoding="utf-8"?>
<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

<?xml version="1.0" encoding="utf-8"?>
<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();
    }
}

五,效果圖

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述