Android基礎入門教程——8.1.2 Android中的13種Drawable小結 Part 2

標籤：android   drawable   bitmapdraw   insertdraw   

Android基礎入門教程——8.1.2 Android中的13種Drawable小結 Part 2

標籤（空格分隔）： Android基礎入門教程

本節引言：

本節我們繼續來學習Android中的Drawable資源，上一節我們學習了：
ColorDrawable；NinePatchDrawable；
ShapeDrawable；GradientDrawable！這四個Drawable~
而本節我們繼續來學習接下來的五個Drawable，他們分別是：
BitmapDrawable；InsertDrawable；ClipDrawable；
RotateDrawable；AnimationDrawable!
還是貼下13種Drawable的導圖：

好的，開始本節內容~

1.BitmapDrawable

對Bitmap的一種封裝,可以設定它封裝的bitmap在BitmapDrawable地區中的繪製方式,有:
平鋪填充,展開填或保持圖片原始大小!以<bitmap>為根節點!
可選屬性如下：

• src:圖片資源~
• antialias:是否支援消除鋸齒
• filter:是否支援位元影像過濾,支援的話可以是圖批判顯示時比較光滑
• dither:是否對位元影像進行抖動處理
• gravity:若位元影像比容器小,可以設定位元影像在容器中的相對位置
• tileMode:指定圖片平鋪填充容器的模式,設定這個的話,gravity屬性會被忽略,有以下可選值:
  disabled(整個圖案展開平鋪),clamp(原圖大小),
  repeat(平鋪),mirror(鏡像平鋪)

對應的：

①XML定義BitmapDrawable:

<?xml version="1.0" encoding="utf-8"?>  <bitmap xmlns:android="http://schemas.android.com/apk/res/android"      android:dither="true"      android:src="@drawable/ic_launcher"      android:tileMode="mirror" />  

②實現相同效果的Java代碼:

BitmapDrawable bitDrawable = new BitmapDrawable(bitmap);  bitDrawable.setDither(true);  bitDrawable.setTileModeXY(TileMode.MIRROR,TileMode.MIRROR);  

2.InsetDrawable

表示把一個Drawable嵌入到另外一個Drawable的內部，並且在內部留一些間距,
類似與Drawable的padding屬性,但padding表示的是Drawable的內容與Drawable本身的邊距!
而InsetDrawable表示的是兩個Drawable與容器之間的邊距,當控制項需要的**背景比實際的邊框
小的時候**,比較適合使用InsetDrawable,比如使用這個可以解決我們自訂Dialog與螢幕之間
的一個間距問題,相信做過的朋友都知道,即使我們設定了layout_margin的話也是沒用的,這個
時候就可以用到這個InsetDrawable了!只需為InsetDrawable設定一個insetXxx設定不同
方向的邊距,然後為設定為Dialog的背景即可！

相關屬性如下：

• 1.drawable:引用的Drawable,如果為空白,必須有一個Drawable類型的子節點!
• 2.visible:設定Drawable是否額空間
• 3.insetLeft,insetRight,insetTop,insetBottm:設定左右上下的邊距

①XML中使用:

<?xml version="1.0" encoding="utf-8"?>  <inset xmlns:android="http://schemas.android.com/apk/res/android"      android:drawable="@drawable/test1"      android:insetBottom="10dp"      android:insetLeft="10dp"      android:insetRight="10dp"      android:insetTop="10dp" />  

在Java代碼中使用：

InsetDrawable insetDrawable = new InsetDrawable(getResources()          .getDrawable(R.drawable.test1), 10, 10, 10, 10);  

使用：

3.ClipDrawable

Clip可以譯為剪的意思,我們可以把ClipDrawable理解為從位元影像上剪下一個部分;
Android中的進度條就是使用ClipDrawable來實現的,他根據設定level的值來決定剪下
地區的大小,根節點是<clip>

相關屬性如下：

• clipOrietntion:設定剪下的方向,可以設定水平和豎直2個方向
• gravity:從那個位置開始裁剪
• drawable:引用的drawable資源,為空白的話需要有一個Drawable類型的子節點
  ps:這個Drawable類型的子節點:就是在

<?xml version="1.0" encoding="utf-8"?><clip xmlns:android="http://schemas.android.com/apk/res/android"    android:clipOrientation="horizontal"    android:drawable="@mipmap/ic_bg_meizi"    android:gravity="left" /> 

②在activity_main主布局檔案中設定一個ImageView,將src設定為clipDrawable!
記住是src哦,如果你寫成了blackground的話可是會報null 指標的哦!!!!

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <ImageView        android:id="@+id/img_show"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:src="@drawable/clip_bg" /></LinearLayout>  

③MainActivity.java通過setLevel設定截取地區大小:

public class MainActivity extends AppCompatActivity {    private ImageView img_show;    private ClipDrawable cd;    private Handler handler = new Handler() {        @Override        public void handleMessage(Message msg) {            if (msg.what == 0x123) {                cd.setLevel(cd.getLevel() + 500);            }        }    };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        img_show = (ImageView) findViewById(R.id.img_show);        // 核心實現代碼        cd = (ClipDrawable) img_show.getDrawable();        final Timer timer = new Timer();        timer.schedule(new TimerTask() {            @Override            public void run() {                handler.sendEmptyMessage(0x123);                if (cd.getLevel() >= 10000) {                    timer.cancel();                }            }        }, 0, 300);    }}

好的，有點意思，妹子圖別問我拿，百度上一堆哈~

4.RotateDrawable

用來對Drawable進行旋轉,也是通過setLevel來控制旋轉的,最大值也是:10000

相關屬性如下：

• fromDegrees:起始的角度,,對應最低的level值,預設為0
• toDegrees:結束角度,對應最高的level值,預設360
• pivotX:設定參照點的x座標,取值為0~1,預設是50%,即0.5
• pivotY:設定參照點的Y座標,取值為0~1,預設是50%,即0.5
  ps:如果出現旋轉圖片顯示不完全的話可以修改上述兩個值解決!
• drawable:設定位元影像資源
• visible:設定drawable是否可見!

角度圖如下：

使用樣本：

運行：

代碼實現：

在第三點的clipDrawable上做一點點修改即可!

①定義一個rotateDrawable資源檔:

<?xml version="1.0" encoding="utf-8"?><rotate xmlns:android="http://schemas.android.com/apk/res/android"    android:drawable="@mipmap/ic_launcher"    android:fromDegrees="-180"    android:pivotX="50%"    android:pivotY="50%" />  

②activity_main.xml中修改下src指向上述drawable即可,MainActivity只需要把ClipDrawable
改成rotateDrawable即可!

public class MainActivity extends AppCompatActivity {    private ImageView img_show;    private RotateDrawable cd;    private Handler handler = new Handler() {        @Override        public void handleMessage(Message msg) {            if (msg.what == 0x123) {                if (cd.getLevel() >= 10000)                    Toast.makeText(MainActivity.this, "轉完了~",                            Toast.LENGTH_LONG).show();                cd.setLevel(cd.getLevel() + 400);            }        }    };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        img_show = (ImageView) findViewById(R.id.img_show);        // 核心實現代碼        cd = (RotateDrawable) img_show.getDrawable();        final Timer timer = new Timer();        timer.schedule(new TimerTask() {            @Override            public void run() {                handler.sendEmptyMessage(0x123);                if (cd.getLevel() >= 10000) {                    timer.cancel();                }            }        }, 0, 100);    }}

5.AnimationDrawable

本節最後一個Drawable，AnimationDrawable是用來實現Android中幀動畫的,就是把一系列的
Drawable，按照一定得順序一幀幀地播放；Android中動畫比較豐富,有傳統補間動畫,平移,
縮放等等效果,但是這裡我們僅僅介紹這個AnimationDrawable實現幀動畫,關於alpha,scale,
translate,rotate等,後續在動畫章節再進行詳細的介紹~
我們這裡使用<animation-list>作為根節點

相關屬性方法:

oneshot:設定是否迴圈播放,false為迴圈播放!!!
duration:幀間隔時間,通常我們會設定為300毫秒
我們獲得AniamtionDrawable執行個體後，需要調用它的start()方法播放動畫，另外要注意
在OnCreate()方法中調用的話,是沒有任何效果的,因為View還沒完成初始化,我們可以
用簡單的handler來延遲播放動畫!當然還有其他的方法,可見下述連結:
Android AnimationDrawable啟動並執行幾種方式
使用AnimationDrawable來實現幀動畫真的是非常方便的~

使用樣本：

運行：

代碼實現：

①先定義一個AnimationDrawable的xml資源檔:

<?xml version="1.0" encoding="utf-8"?><animation-list xmlns:android="http://schemas.android.com/apk/res/android"    android:oneshot="false">    <item        android:drawable="@mipmap/ic_pull_to_refresh_loading01"        android:duration="100" />    <item        android:drawable="@mipmap/ic_pull_to_refresh_loading02"        android:duration="100" />    <item        android:drawable="@mipmap/ic_pull_to_refresh_loading03"        android:duration="100" />    <item        android:drawable="@mipmap/ic_pull_to_refresh_loading04"        android:duration="100" />    <item        android:drawable="@mipmap/ic_pull_to_refresh_loading05"        android:duration="100" />    <item        android:drawable="@mipmap/ic_pull_to_refresh_loading06"        android:duration="100" /></animation-list>  

②activity_main.xml設定下src,然後MainActivity中:

public class MainActivity extends AppCompatActivity {    private ImageView img_show;    private AnimationDrawable ad;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        img_show = (ImageView) findViewById(R.id.img_show);        // 核心實現代碼        ad = (AnimationDrawable) img_show.getDrawable();        Handler handler = new Handler();        handler.postDelayed(new Runnable() {            @Override            public void run() {                ad.start();            }        }, 300);    }}

嘿嘿，超簡單有木有，以後在一些需要用到幀動畫的地方，直接上AnimationDrawable，
當然，只適合於不需要進行控制的幀動畫，比如上面這個就是超表下拉重新整理時候的進度條素材
做成的一個簡單幀動畫！根據自己的需求自行拓展~

本節小結：

本節又介紹了另外的五個Drawable，很有趣是吧，還不快快將他們應用到你的實際開發當中~
嘻嘻，就說這麼多，謝謝!另外剛剛有讀者私信我說以前的文章別刪行不行，嗯，這裡說下
只刪除一些重複的，比如和這個雷同的那幾節~當然我也會備份！刪除的文章都會備份的~
所以放心！

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

Android基礎入門教程——8.1.2 Android中的13種Drawable小結 Part 2