---- The mark of the immature man is that he wants to die nobly for a causer while the mark of the mature man is that he wants to live humbly for one

 

1. 水平向右的進度條

 

 

 

 

1-1 定義顯示進度指示的圖形

drawable目錄下progress_v_01.xml

關於shape使用詳情可 查閱點擊打開鏈接

 

 

 

 

 

效果圖 1-1-1

 

 

 

 

 

1-2. 在drawable目錄下新建一個clip標簽的文件

clipOrientation設置方向為水平方向

gravity設置過程中對齊方式為左

drawable 中引用要顯示設置的圖形

 

1-3.在頁面布局文件中使用

在src屬性下引入我們1-2中創建的clip標簽的文件

 

 

1.4 在java代碼中動態設置進度

 

 

 private ImageView mClipLeftImageView;
    

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mClipLeftImageView = (ImageView) findViewById(R.id.iv_image_clip_left);
        mClipLeftImageView.setImageLevel(10000);

        handler.postDelayed(runnable,2000);
    }
    private int mUnmber = 0;
    private Handler handler = new Handler();
    Runnable runnable = new Runnable() {
        @Override
        public void run() {

            if (mUnmber<=10000){
                mClipLeftImageView.getDrawable().setLevel(mUnmber);
                handler.postDelayed(runnable,20);
                mUnmber+=100;
            }
        }
    };

 

 

2. 水平向左的進度條

 

 

 

2-1 定義顯示進度的圖片，這裡使用的是1-1中定義的圖形

2-2 創建clip標簽文件

 

 

 

clipOrientation設置方向為水平方向

gravity設置過程中對齊方式為右（從而達到進度從右向左的實現效果）

drawable 中引用要顯示設置的圖形

 

 

 

2-3 在布局文件中的使用 同1-3；

2-4 java代碼中的設置同 1-4；

 

 

3.水平向左向右的進度條

 

 

 

3-1 定義顯示進度的圖片，這裡使用的是1-1中定義的圖形

3-2 創建clip標簽文件

 

 

 

 

clipOrientation設置方向為水平方向

 

gravity設置過程中對齊方式 為垂直中心對齊（從而達到進度從中間向兩邊擴展的實現效果）

 

drawable 中引用要顯示設置的圖形

 

3-3 在布局文件中的使用 同 1-3；

 

3-4 在java代碼中的設置同 1-4；

 

 

 

 

4.水平向右的圓形進度條

 

 

4-1 定義使用到的顯示進度的圖形 drawbale目錄下progress_oval_01.xml

 

 

 

4-2 創建使用到的clip文件

 

 

 

 

clipOrientation設置方向為水平方向

 

gravity設置過程中對齊方式 為左邊對齊（從而達到進度從左邊向右的擴展的實現效果）

 

drawable 中引用要顯示設置的圖形

 

3-3 在布局文件中的使用 同 1-3；

3-4 在java代碼中的設置同 1-4；

5. 中心向外擴展的圓形進度條

 

5-1 創建顯示進度的圖形 這裡引用的是4-1中創建的圖形

5-2 創建對應顯示的clip標簽文件

 

 

clipOrientation設置方向為水平方向

 

gravity設置過程中對齊方式 為中心對齊（從而達到進度從中間向兩邊的擴展的實現效果）

 

drawable 中引用要顯示設置的圖形

 

5-3 在布局文件中的使用 同 1-3；

 

 

 

創建ImageView標簽，在src屬性下進行引用

 

 

 

 

5-4 在java代碼中的設置同 1-4；

 

 

6.垂直向上的直線進度條

 

6-1 創建顯示進度的圖形

 

 

 

效果圖： 6-1-1

6-2 創建對應的clip標簽文件

 

 

clipOrientation設置方向為豎直方向

 

gravity設置過程中對齊方式 底部（從而達到進度從底部向上增加的實現效果）

 

 

如果設置為top，那麼進度將成為從上到下

 

 

 

drawable 中引用要顯示設置的圖形

 

6-3 在布局文件中的使用 同 1-3；

 

 

創建ImageView標簽，在src屬性下進行引用

 

6-4 在java代碼中的設置同 1-4；

 

 

 

 

7.垂直向上的圓形進度條

 

 

 

 

8 綜述

ClipDrawable代表從其它位圖上截取一個“圖片片段”。在XML文件中使用元素定義ClipDrawable對象， 可指定如下三個屬性：  

android:drawable：指定截取的源Drawable對象,也可以指定drawable類的子標簽  

android:clipOrientation：指定截取的方向，可設置為 horizontal vertical  

android:gravity：指定截取時的對齊方式,可設置為top bottom right center_vertical fill_vertical center_horizontal center fill clip_vertaical start end 等等

    使用ClipDrawable對象時可以調用setLevel(int level)方法來設置截取的區域大小，當level為0時，截取的圖片片段為空；當level為10000時，截取整張圖片。     可以使用ClipDrawable的這種性質控制截取圖片的區域大小，讓程序不斷調用setLevel方法並改變level的值，達到讓圖片慢慢展開的效果