使用Clip制作进度条，横向竖向均可

今天在逛博客的时候无意间发现了这个东西（Clip），没想到这个东西还挺好用的。
这个是我看到别人写的文章：http://blog.csdn.net/zl18603543572/article/details/51250216
下面进入正文：
Clip的使用方法，如下：

<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:clipOrientation="vertical"
    android:drawable="@drawable/test_pro_bg"
    android:gravity="bottom">

</clip>

clipOrientation：指定横向竖向
drawable ：这个不多解释了吧（背景）
gravity ：进度加载方向，这个着重讲一下。

设置gravity为top，进度条会从上之下加载。
设置gravity为bottom，进度条会从下之上加载。
设置gravity为center，进度条会从中间到四面八方加载。
设置gravity为center_horizontal，进度条会从中间到两边加载。
设置gravity为center_vertical，进度条会从中间到两边加载。
设置gravity为right，进度条会从右之左加载。
设置gravity为left，进度条会从左之右加载。

如果你要使用center_vertical或center_horizontal，请记得配合clipOrientation属性使用，设置相对应的方向，你可别clipOrientation属性设置vertical而gravity属性设置center_horizontal，至于这样会出什么幺蛾子我就不清楚了（我还没试过）。

这里是一个简单的drawable的实现（大家可以先用这个试试效果）：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <size
        android:width="5dp"
        android:height="100dp" />

    <gradient
        android:angle="45"
        android:centerColor="#FFFF00"
        android:endColor="#66FF00"
        android:startColor="#FF9900" />
    <corners android:radius="5dp" />

</shape>

Clip我们应该会定义样式了，下面是在布局和java代码中的使用：

**布局代码**

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.zl.freight.ui.activity.ProgressTestActivity">

    <ImageView
        android:id="@+id/iv_pro"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/vertical_pro_bg" />

</RelativeLayout>

**java代码**

public class ProgressTestActivity extends Activity {

    @BindView(R.id.iv_pro)
    ImageView ivPro;
    private int position;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_progress_test);
        ButterKnife.bind(this);
        final ClipDrawable drawable = (ClipDrawable) ivPro.getDrawable();
        new Thread() {
            @Override
            public void run() {
                try {

                    while (position < 10000) {
                        sleep(1);
                        position += 10;
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                drawable.setLevel(position);
                            }
                        });
                    }
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }.start();
    }
}

这些代码都很简单，这里大概描述一下：
我的布局中有一个ImageView，设置ImageView的src为我们的clip文件。
在java代码中使用getDrawable()方法获取ClipDrawable这里需要强转，使用ClipDrawable的对象设置level，level的值为0到10000，当值为10000时图全部显示。
这里我开启了一个线程模拟真实的进度加载。

*需要看效果图的小伙伴们，请到文章顶部的连接中查看哪里的效果图还是挺多的，文章写的也挺好，点击这段话也可进入查看*