當前位置：首頁 > 运维知识 > Android >内容正文

Android

android bitmap转图片_Android 这些 Drawable 你都会用吗？

發(fā)布時間：2024/10/8 Android 46 豆豆

生活随笔收集整理的這篇文章主要介紹了 android bitmap转图片_Android 这些 Drawable 你都会用吗？小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

在實際開發(fā)的過程中，除了廣為人知的利用 StateListDrawable 設(shè)置按鈕點擊特效，我們有時可能會接到一些這樣的需求，比如要求我們的頭像顯示成圓形或者圓角矩形，甚至要加上可變顏色的邊框，或者要求你做一套啟動、暫停、快進和快退的視頻控制按鈕并且可以改變按鈕圖標顏色。可能某些時候第一反應(yīng)就是用自定義 View 來實現(xiàn)，但是如果熟悉了 Drawable 的用法之后，這些效果同樣可以利用它來完成，而選擇哪種 Drawable 來實現(xiàn)也大有講究。

Google 官方文檔中列出了各種各種各樣的 Drawable，那么它們都是如何使用的呢？

本系列文章將分為兩個部分，介紹其中大部分 Drawable 的用法。

2. BitmapDrawable

BitmapDrawable 可以看作是對 Bitmap 的一種包裝，它可以設(shè)定 Bitmap 的顯示方式、位置等屬性。

2.1 語法

BitmapDrawable 對應(yīng) 標簽定義，xml 語法如下：

其中各個屬性的含義分別是：

屬性含義

src	Bitmap 對象的引用路徑
antialias	抗鋸齒效果，建議開啟
dither	是否防抖動。當位圖像素與屏幕像素不匹配(如 ARGB_8888 的位圖顯示在 RGB_565 的屏幕上)時，防止圖片失真，建議開啟
filter	是否啟用位圖過濾。開啟后，當圖片進行拉伸或者壓縮時，能夠進行平滑過渡
gravity	當位圖尺寸小于容器尺寸時在容器中的擺放位置
mipMap	啟用或停用 mipmap 提示，默認為 false
tileMode	平鋪模式。默認：disable；clamp：復(fù)制邊沿的顏色；repeat：水平和垂直方向重復(fù)繪制圖片；mirror：水平和垂直方向交替鏡像進行重復(fù)繪制

2.2 用法示例

下面以定義一個使用圖片作為背景的 Drawable 為例，展示 BitmapDrawable 的簡單實用方法。

定義

<?xml ?version="1.0"?encoding="utf-8"?>
<bitmap?xmlns:android="http://schemas.android.com/apk/res/android"android:src="@mipmap/kakarotto"android:antialias="true"android:dither="true"android:filter="true"android:gravity="center"android:tileMode="repeat"/>

使用

效果圖

3. ShapeDrawable 和 GradientDrawable

官方文檔中對 ShapeDrawable 的定義是這樣的：

A Drawable object that draws primitive shapes. A ShapeDrawable takes a Shape object and manages its presence on the screen. ?If no Shape is given, then the ShapeDrawable will default to a RectShape.

This object can be defined in an XML file with the element.

即它是一個用來繪制原始形狀的 Drawable 對象。

而對 GradientDrawable 的定義是：

A Drawable with a color gradient for buttons, backgrounds, etc.

It can be defined in an XML file with the element. For more information, see the guide to Drawable Resources.

根據(jù)描述可知，它是一個具有色彩梯度(color gradient)的 Drawable。

3.1 語法

GradientDrawable 和 ShapeDrawable 都采用 shape ?標簽來定義，和 ShapeDrawable 最大的不同的就是它擁有 gradient 屬性，下面以 GradientDrawable 為例，講解 shape 標簽的用法，它的語法如下：

<?xml ?version="1.0"?encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape=["rectangle"?|?"oval"?|?"line"?|?"ring"]?>
????<cornersandroid:radius="integer"android:topLeftRadius="integer"android:topRightRadius="integer"android:bottomLeftRadius="integer"android:bottomRightRadius="integer"?/>
????<gradientandroid:angle="integer"android:centerX="integer"android:centerY="integer"android:centerColor="integer"android:endColor="color"android:gradientRadius="integer"android:startColor="color"android:type=["linear"?|?"radial"?|?"sweep"]android:usesLevel=["true"?|?"false"]?/>
????<paddingandroid:left="integer"android:top="integer"android:right="integer"android:bottom="integer"?/>
????<sizeandroid:width="integer"android:height="integer"?/>
????<solidandroid:color="color"?/>
????<strokeandroid:width="integer"android:color="color"android:dashWidth="integer"android:dashGap="integer"?/>
shape>

其中各個屬性標簽的含義分別是：

android:shape

表示形狀，它的值可以是 rectangle(矩形)、oval(橢圓)、line(橫線)和 ring(圓環(huán))，默認為 rectangle。此外，當形狀值是 ring 的時候，還有一下幾個屬性可配置：

屬性含義

android:innerRadius	圓環(huán)的內(nèi)半徑。與 innerRadiusRatio 同時設(shè)置時，以 innerRadiusRatio 為準
android:innerRadiusRatio	圓環(huán)的內(nèi)半徑占環(huán)寬度的比率
android:thickness	圓環(huán)厚度。與 thicknessRatio同時設(shè)置時，以 thicknessRatio 為準
android:thicknessRatio	圓環(huán)的厚度占環(huán)寬度的比率
android:useLevel	一般為 false，否則可能達不到預(yù)期顯示效果，除非把它當作 LevelListDrawable 來使用

<cornersandroid:radius="integer"android:topLeftRadius="integer"android:topRightRadius="integer"android:bottomLeftRadius="integer"android:bottomRightRadius="integer"?/>

指圖形的圓角半徑，僅當 shape 屬性為 rectangle 即形狀是矩形時生效，數(shù)值越小越接近直角，android:radius 同時設(shè)置四個角的半徑，其他四個屬性則可單獨設(shè)置某個角的半徑。

<gradientandroid:angle="integer"android:centerX="integer"android:centerY="integer"android:centerColor="integer"android:endColor="color"android:gradientRadius="integer"android:startColor="color"android:type=["linear"?|?"radial"?|?"sweep"]android:usesLevel=["true"?|?"false"]?/>

表示顏色漸變，它的各個屬性值的含義分別是：

屬性含義

android:angle	漸變的角度。必須是 45 的倍數(shù)，默認值為 0。0 為從左到右，90 為從上到下
android:centerX	漸變中心的相對 X 軸位置 (0 - 1.0)
android:centerY	漸變中心的相對 Y 軸位置 (0 - 1.0)
android:startColor	漸變的起始顏色
android:centerColor	漸變的中間顏色
android:endColor	漸變的結(jié)束顏色
android:gradientRadius	漸變的半徑，僅在 android:type="radial" 時適用
android:useLevel	一般為 false，否則可能達不到預(yù)期顯示效果，除非把它當作 LevelListDrawable 來使用
android:type	漸變類別。它的值可以為：linear(線性)，默認值、radial(徑內(nèi)漸變)和sweep(掃描漸變)

距離內(nèi)容或者子元素的內(nèi)邊距，每個方向可以單獨設(shè)置。

設(shè)置 shape 大小，width 表示寬度，height 表示高度。需要注意的是，這個一般并不是 shape 的最終大小，如果用作 View 的背景，它的大小是由 View 的大小來決定的。

表示純色填充，color 屬性為填充的顏色。

邊框描述，它的各個屬性值的含義分別是：

屬性含義

android:width	邊框?qū)挾?/td>
android:color	邊框顏色
android:dashWidth	虛線的線段寬度
android:dashGap	虛線之間的空白間隔

需要注意的是，如果需要設(shè)置邊框虛線效果，則需要同時設(shè)置 dashWidth 和 dashGap 的值不為 0，否則無法顯示虛線效果。

3.2 用法示例

下面以定義一個圓角并帶有其他效果的 Drawable 為例，展示 GradientDrawable 的簡單用法。

定義

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

????
????<cornersandroid:topLeftRadius="15dp"android:topRightRadius="15dp"android:bottomLeftRadius="15dp"android:bottomRightRadius="15dp"/>

????
????<paddingandroid:left="10dp"android:top="10dp"android:right="10dp"android:bottom="10dp"?/>

????
????<gradient?android:angle="45"android:type="linear"android:startColor="#ff0000"android:centerColor="#00ff00"android:endColor="#0000ff"?/>

????
????<sizeandroid:width="200dp"android:height="100dp"?/>

????
????<strokeandroid:width="2dp"android:color="#000000"android:dashWidth="7dp"android:dashGap="3dp"?/>

shape>

使用

效果圖

4. StateListDrawable

StateListDrawable 可以根據(jù)對象的狀態(tài)并使用不同的 item(Drawable) 對象來表示同一個圖形。如可以根據(jù) Button 的狀態(tài)(按下、獲取焦點等)來顯示不同的 Drawable 從而實現(xiàn)點擊的效果。

4.1 語法

定義 StateListDrawable 的語法格式如下：

<?xml ?version="1.0"?encoding="utf-8"?>
<selector?xmlns:android="http://schemas.android.com/apk/res/android"android:constantSize=["true"?|?"false"]android:dither=["true"?|?"false"]android:variablePadding=["true"?|?"false"]?android:autoMirrored=["true"?|?"false"]?android:enterFadeDuration="integer"android:exitFadeDuration="integer">
????<itemandroid:drawable="@[package:]drawable/drawable_resource"android:state_pressed=["true"?|?"false"]android:state_focused=["true"?|?"false"]android:state_hovered=["true"?|?"false"]android:state_selected=["true"?|?"false"]android:state_checkable=["true"?|?"false"]android:state_checked=["true"?|?"false"]android:state_enabled=["true"?|?"false"]android:state_activated=["true"?|?"false"]android:state_window_focused=["true"?|?"false"]?/>
selector>

StateListDrawable 的根標簽為各個屬性標簽的含義分別是：

android:constantSize

由于 StateListDrawable 會根據(jù)不同的狀態(tài)來顯示不同的 Drawable，而每個 Drawable 的大小不一定相同，因此當 constantSize 屬性的值為 true 時表示固定大小(值為所有 Drawable 固有大小的最大值)，值為 false 時則大小為當前狀態(tài)下對應(yīng)的 Drawable 的大小。默認值為 false。

android:variablePadding

表示 StateListDrawable 的 padding 值是否隨狀態(tài)的改變而改變，默認為 false。

android:dither

是否開啟抖動效果，默認為 true，建議開啟。

android:autoMirrored

某些西亞國家文字是從右至左的，設(shè)置此值表示當系統(tǒng)為 RTL (right-to-left) 布局的時候，是否對圖片進行鏡像翻轉(zhuǎn)。

android:enterFadeDuration 和 android:exitFadeDuration

狀態(tài)改變時的淡入淡出效果的持續(xù)時間

每個 item 表示一個 Drawable，item 的屬性含義分別是：

屬性含義

android:drawable	drawable 資源，可引用現(xiàn)有的的 Drawable
android:state_pressed	是否處于被按下狀態(tài)
android:state_focused	是否已得到焦點狀態(tài)
android:state_hovered	光標是否停留在View的自身大小范圍內(nèi)的狀態(tài)
android:state_selected	是否處于被選中狀態(tài)
android:state_checkable	是否處于可勾選狀態(tài)
android:state_checked	是否處于已勾選狀態(tài)
android:state_enabled	是否處于可用狀態(tài)
android:state_active	是否處于激活狀態(tài)
android:state_window_focused	是否窗口已得到焦點狀態(tài)

4.2 用法示例

下面以定制一個具有點擊效果 Button 的背景為例，展示 StateListDrawable 的用法。

定義

<?xml ?version="1.0"?encoding="utf-8"?>
<selectorxmlns:android="http://schemas.android.com/apk/res/android"android:visible="true"android:dither="true"android:autoMirrored="true"android:enterFadeDuration="200"android:exitFadeDuration="200"?>
????
????<itemandroid:state_focused="true"android:drawable="@drawable/shape_dark"?/>

????
????<itemandroid:state_pressed="true"android:drawable="@drawable/shape_dark"/>

????
????<itemandroid:drawable="@drawable/shape_light"/>
selector>

使用

效果圖

5. LayerDrawable

LayerDrawable 是管理 Drawable 列表的 Drawable。列表中的每個 item 按照列表的順序繪制，列表中的最后 item 繪于頂部。

5.1 語法

定義 LayerDrawable 的語法格式如下：

<?xml ?version="1.0"?encoding="utf-8"?>
<layer-listxmlns:android="http://schemas.android.com/apk/res/android"?>
????<itemandroid:drawable="@[package:]drawable/drawable_resource"android:id="@[+][package:]id/resource_name"android:top="dimension"android:right="dimension"android:bottom="dimension"android:left="dimension"?android:gravity=["top"?|?"bottom"?|?"left"?|?"right"?|?"center_vertical"?|
??????????????????????????"fill_vertical"?|?"center_horizontal"?|?"fill_horizontal"?|
??????????????????????????"center"?|?"fill"?|?"clip_vertical"?|?"clip_horizontal"]?/>
layer-list>

LayerDrawable 頂層標簽為，它可以包含多個標簽，每個 item 表示一個 Drawable，item 的屬性含義分別是：

屬性含義

android:drawable	drawable 資源，可引用現(xiàn)有的的 Drawable
android:id	item 的 id，使用"@+id/name"的形式表示。可通過 View.findViewById() 或者 Activity.findViewById() 方法查找到這個 Drawable
android:top、android:right、android:bottom、android:left	Drawable 相對于 View 在各個方向的偏移量
android:gravity	尺寸小于容器尺寸時在容器中的擺放位置

5.2 用法示例

下面以定義一個圓角并帶陰影效果的 Drawable 為例，展示 LayerDrawable 的簡單使用。

定義

<?xml ?version="1.0"?encoding="utf-8"?>
<layer-list?xmlns:android="http://schemas.android.com/apk/res/android">
????
????<itemandroid:left="2dp"android:top="4dp">
????????<shape>
????????????<solid?android:color="@android:color/darker_gray"?/>
????????????<corners?android:radius="10dp"?/>
????????shape>
????item>

????
????<itemandroid:bottom="4dp"android:right="2dp"android:drawable="@drawable/shape_light">
????item>
layer-list>

使用

<?xml ?version="1.0"?encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout?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"android:background="@android:color/holo_orange_dark"tools:context=".LayerDrawableActivity">

????<LinearLayoutandroid:orientation="vertical"android:background="@drawable/layer_drawable"android:layout_width="match_parent"android:layout_height="wrap_content"android:padding="10dp"android:layout_margin="20dp"tools:layout_editor_absoluteY="331dp"tools:layout_editor_absoluteX="190dp"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent">

????????<TextView?android:layout_width="match_parent"android:layout_height="wrap_content"android:textColor="#000000"android:text="I'm?a?title......."android:textSize="20sp"?/>

????????<TextView?android:layout_width="match_parent"android:layout_height="wrap_content"android:textColor="@android:color/darker_gray"android:text="content?content?content?content?content?content?content?content..."android:textSize="16sp"?/>

????LinearLayout>

androidx.constraintlayout.widget.ConstraintLayout>

效果圖

6. LevelListDrawable

LevelListDrawable 同樣表示一個 Drawable 列表，列表中的每個 item 都有一個 level 值， LevelListDrawable 會根據(jù)不同的 level 在不同的 item 之間進行切換。

6.1 語法

定義 LevelListDrawable 的語法格式如下：

<?xml ?version="1.0"?encoding="utf-8"?>
<level-listxmlns:android="http://schemas.android.com/apk/res/android"?>
????<itemandroid:drawable="@drawable/drawable_resource"android:maxLevel="integer"android:minLevel="integer"?/>
level-list>

LayerDrawable 根標簽為，它可以包含多個標簽，每個 item 表示一個 Drawable，item 的屬性含義分別是：

屬性含義

android:drawable	drawable 資源，可引用現(xiàn)有的的 Drawable
android:maxLevel	該 item 允許的最大級別，取值范圍為[0, 10000]
android:minLevel	該 item 允許的最小級別，取值范圍為[0, 10000]

6.2 用法示例

定義

<?xml ?version="1.0"?encoding="utf-8"?>
<level-list?xmlns:android="http://schemas.android.com/apk/res/android">
????<itemandroid:drawable="@drawable/kakarotto1"android:maxLevel="0"?/>

????<itemandroid:drawable="@drawable/kakarotto2"android:maxLevel="1"?/>

????<itemandroid:drawable="@drawable/kakarotto3"android:maxLevel="2"?/>

????<itemandroid:drawable="@drawable/kakarotto4"android:maxLevel="3"?/>

????<itemandroid:drawable="@drawable/kakarotto5"android:maxLevel="4"?/>
level-list>

使用

然后控制 ImageView 的 level 即可顯示出效果：

class?LevelListDrawableActivity?:?AppCompatActivity()?{
????lateinit?var?mImageView:?ImageView

????override?fun?onCreate(savedInstanceState:?Bundle?)?{
????????super.onCreate(savedInstanceState)
????????setContentView(R.layout.activity_level_list_drawable)

????????mImageView?=?findViewById(R.id.img)
????????for?(i?in?0..15)?{
????????????mHandler.sendEmptyMessageDelayed(i,?(1000?*?i).toLong())
????????}
????}

????var?mHandler:?Handler?=?object:?Handler()?{
????????override?fun?handleMessage(msg:?Message?)?{
????????????msg?.what?.let?{?mImageView.setImageLevel(it%5)?}
????????}
????}
}

效果圖

7. InsetDrawable

在有些場景下，我們可能需要設(shè)置一個全屏的背景圖片，但又想讓背景圖片跟邊框留出一些間隙，這時使用 InsetDrawable 就能很好地解決問題了。

7.1 語法

<?xml ?version="1.0"?encoding="utf-8"?>
<insetxmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/drawable_resource"android:insetTop="dimension"android:insetRight="dimension"android:insetBottom="dimension"android:insetLeft="dimension"?/>

根標簽為，它的各個屬性含義分別是：

屬性含義

android:drawable	drawable 資源，可引用現(xiàn)有的的 Drawable
android:insetTop、android:insetRight、android:insetBottom、android:insetLeft	內(nèi)容距離各個邊框的距離

7.2 用法示例

定義

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

使用

<?xml ?version="1.0"?encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/drawable_inset">

????<TextViewandroid:textSize="20sp"android:text="TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText"android:layout_width="match_parent"android:layout_height="wrap_content"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintTop_toTopOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>

效果圖

8. ScaleDrawable

ScaleDrawable 可以根據(jù) level 值動態(tài)地將 Drawable 進行一定比例的縮放。當 level 的取值范圍為 [0, 10000]，當 level 為 0 時表示隱藏；當 level 值為 1 時，Drawable 的大小為初始化時的縮放比例，當 level 值為 10000 時，Drawable 大小為 100% 縮放比例。

8.1 語法

定義 ScaleDrawable ?的語法如下：

它的根標簽為，它的各個屬性的含義分別是：

android:drawable

drawable 資源，可引用現(xiàn)有的的 Drawable

android:scaleGravity

當圖片尺寸小于 View 時，設(shè)置這個屬性值可以對圖片進行定位，可以使用 ”|“ 符號組合使用，所有值的含義分別為：

值說明

top	將對象放在其容器頂部，不改變其大小。
bottom	將對象放在其容器底部，不改變其大小。
left	將對象放在其容器左邊緣，不改變其大小。這是默認值。
right	將對象放在其容器右邊緣，不改變其大小。
center_vertical	將對象放在其容器的垂直中心，不改變其大小。
fill_vertical	按需要擴展對象的垂直大小，使其完全適應(yīng)其容器。
center_horizontal	將對象放在其容器的水平中心，不改變其大小。
fill_horizontal	按需要擴展對象的水平大小，使其完全適應(yīng)其容器。
center	將對象放在其容器的水平和垂直軸中心，不改變其大小。
fill	按需要擴展對象的垂直大小，使其完全適應(yīng)其容器。
clip_vertical	可設(shè)置為讓子元素的上邊緣和/或下邊緣裁剪至其容器邊界的附加選項。裁剪基于垂直重力：頂部重力裁剪上邊緣，底部重力裁剪下邊緣，任一重力不會同時裁剪兩邊。
clip_horizontal	可設(shè)置為讓子元素的左邊和/或右邊裁剪至其容器邊界的附加選項。裁剪基于水平重力：左邊重力裁剪右邊緣，右邊重力裁剪左邊緣，任一重力不會同時裁剪兩邊。

android:scaleHeight

Drawable 高的縮放比例，值越高最終結(jié)果越小。

android:scaleWidth

Drawable 寬的縮放比例

8.2 用法示例

這里采用定制一個大小可變的背景為例，展示 ScaleDrawable 的簡單用法。

定義

<?xml ?version="1.0"?encoding="utf-8"?>
<scale?xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/kakarotto"android:scaleHeight="80%"android:scaleWidth="80%"android:scaleGravity="center"?/>

使用

<?xml ?version="1.0"?encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout?xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">

????<Buttonandroid:text="Button"android:layout_width="200dp"android:layout_height="100dp"android:background="@drawable/drawable_scale"android:id="@+id/button"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>
class?ScaleDrawableActivity?:?AppCompatActivity()?{
????lateinit?var?scaleDrawable:?ScaleDrawable
????var?curLevel?=?0

????override?fun?onCreate(savedInstanceState:?Bundle?)?{
????????super.onCreate(savedInstanceState)
????????setContentView(R.layout.activity_scale_drawable)

????????scaleDrawable?=?findViewById(R.id.button).background?as?ScaleDrawable
????????scaleDrawable.level?=?0
????????Observable.interval(200,?TimeUnit.MILLISECONDS)
????????????.subscribeOn(Schedulers.io())
????????????.observeOn(AndroidSchedulers.mainThread()).subscribe?{
????????????????scaleDrawable.level?=?curLevel
????????????????curLevel?+=?200if?(curLevel?>=?10000)?{
????????????????????curLevel?=?0
????????????????}
????????????????Log.e("gpj",?"level?${curLevel}")
????????????}
????}
}

效果圖

9. ClipDrawable

與 ScaleDrawable 原理相同，ClipDrawable 則可以根據(jù) level 值動態(tài)地將 Drawable 進行一定比例的剪裁。當 level 的取值范圍為 [0, 10000]，當 level 為 0 時表示隱藏；當 level 值為 1 時，Drawable 的大小為初始化時的剪裁比例，當 level 值為 10000 時，Drawable 大小為 100% 剪裁比例。

9.1 語法

定義 ClipDrawable 的語法規(guī)則如下：

它的根標簽為，各個屬性的含義分別是：

android:drawable

drawable 資源，可引用現(xiàn)有的的 Drawable

android:clipOrientation

剪裁方向，horizontal 表示水平方向剪裁，vertical 表示豎直方向剪裁

android:gravity

gravity 屬性需要配合 clipOrientation 來使用，可以使用 ”|“ 符號組合使用，所有值的含義分別為：

值說明

top	將對象放在其容器頂部，不改變其大小。當 clipOrientation是 "vertical"時，在可繪制對象的底部裁剪。
bottom	將對象放在其容器底部，不改變其大小。當 clipOrientation 是 "vertical"?時，在可繪制對象的頂部裁剪。
left	將對象放在其容器左邊緣，不改變其大小。這是默認值。當 clipOrientation 是 "horizontal"?時，在可繪制對象的右邊裁剪。這是默認值。
right	將對象放在其容器右邊緣，不改變其大小。當 clipOrientation 是 "horizontal"時，在可繪制對象的左邊裁剪。
center_vertical	將對象放在其容器的垂直中心，不改變其大小。裁剪行為與重力為 "center"時相同。
fill_vertical	按需要擴展對象的垂直大小，使其完全適應(yīng)其容器。當 clipOrientation是 "vertical" 時，不會進行裁剪，因為可繪制對象會填充垂直空間(除非可繪制對象級別為 0，此時它不可見)。
center_horizontal	將對象放在其容器的水平中心，不改變其大小。裁剪行為與重力為 "center" 時相同。
fill_horizontal	按需要擴展對象的水平大小，使其完全適應(yīng)其容器。當 clipOrientation 是 "horizontal"?時，不會進行裁剪，因為可繪制對象會填充水平空間(除非可繪制對象級別為 0，此時它不可見)。
center	將對象放在其容器的水平和垂直軸中心，不改變其大小。當 clipOrientation 是 "horizontal"時，在左邊和右邊裁剪。當 clipOrientation是 "vertical"時，在頂部和底部裁剪。
fill	按需要擴展對象的垂直大小，使其完全適應(yīng)其容器。不會進行裁剪，因為可繪制對象會填充水平和垂直空間(除非可繪制對象級別為 0，此時它不可見)。
clip_vertical	可設(shè)置為讓子元素的上邊緣和/或下邊緣裁剪至其容器邊界的附加選項。裁剪基于垂直重力：頂部重力裁剪上邊緣，底部重力裁剪下邊緣，任一重力不會同時裁剪兩邊。
clip_horizontal	可設(shè)置為讓子元素的左邊和/或右邊裁剪至其容器邊界的附加選項。裁剪基于水平重力：左邊重力裁剪右邊緣，右邊重力裁剪左邊緣，任一重力不會同時裁剪兩邊。

9.2 用法示例

定義

使用

<?xml ?version="1.0"?encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout?xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">

????<Buttonandroid:text="Button"android:layout_width="200dp"android:layout_height="100dp"android:background="@drawable/drawable_clip"android:id="@+id/button"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>
class?ClipDrawableActivity?:?AppCompatActivity()?{
????lateinit?var?clipDrawable:?ClipDrawable
????var?curLevel?=?0

????override?fun?onCreate(savedInstanceState:?Bundle?)?{
????????super.onCreate(savedInstanceState)
????????setContentView(R.layout.activity_clip_drawable)

????????clipDrawable?=?findViewById(R.id.button).background?as?ClipDrawable
????????clipDrawable.level?=?0
????????Observable.interval(50,?TimeUnit.MILLISECONDS)
????????????.subscribeOn(Schedulers.io())
????????????.observeOn(AndroidSchedulers.mainThread()).subscribe?{
????????????????clipDrawable.level?=?curLevel
????????????????curLevel?+=?200if?(curLevel?>=?10000)?{
????????????????????curLevel?=?0
????????????????}
????????????????Log.e("gpj",?"level?${curLevel}")
????????????}
????}
}

效果圖

10. RotateDrawable

與 ScaleDrawable 和 ClipDrawable 類似，RotateDrawable 可以根據(jù) level 值將 Drawable 進行動態(tài)旋轉(zhuǎn)。

10.1 語法

RotateDrawable 的定義方法如下：

<?xml ?version="1.0"?encoding="utf-8"?>
<rotate?xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/drawable_resource"android:visible=["true"?|?"false"]android:fromDegrees="integer"?android:toDegrees="integer"android:pivotX="percentage"android:pivotY="percentage"?/>

它的根標簽為，各個屬性的含義分別是：

屬性含義

android:drawable	drawable 資源，可引用現(xiàn)有的的 Drawable
android:visible	是否可見
android:fromDegrees	旋轉(zhuǎn)起始角度
android:toDegrees	旋轉(zhuǎn)結(jié)束角度
android:pivotX	旋轉(zhuǎn)中心位于 X 軸的百分比
android:pivotY	旋轉(zhuǎn)中心位于 Y 軸的百分比

10.2 用法示例

下面以定義一個可旋轉(zhuǎn)的背景為例展示 RotateDrawable 的簡單使用

定義

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

使用

<?xml ?version="1.0"?encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout?xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">

????<Buttonandroid:text="Button"android:layout_width="200dp"android:layout_height="100dp"android:background="@drawable/drawable_rotate"android:id="@+id/button"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>
class?RotateDrawableActivity?:?AppCompatActivity()?{
????lateinit?var?rotateDrawable:?RotateDrawable
????var?curLevel?=?0

????override?fun?onCreate(savedInstanceState:?Bundle?)?{
????????super.onCreate(savedInstanceState)
????????setContentView(R.layout.activity_rotate_drawable)

????????rotateDrawable?=?findViewById(R.id.button).background?as?RotateDrawable
????????rotateDrawable.level?=?0
????????Observable.interval(50,?TimeUnit.MILLISECONDS)
????????????.subscribeOn(Schedulers.io())
????????????.observeOn(AndroidSchedulers.mainThread()).subscribe?{
????????????????rotateDrawable.level?=?curLevel
????????????????curLevel?+=?200if?(curLevel?>=?10000)?{
????????????????????curLevel?=?0
????????????????}
????????????????Log.e("gpj",?"level?${curLevel}")
????????????}
????}
}

效果圖

11. TransitionDrawable

有時候我們可能需要在兩個圖片切換的時候增加漸變效果，除了使用動畫之外，這里還可以用 TransitionDrawable 輕松實現(xiàn)。

11.1 語法

<?xml ?version="1.0"?encoding="utf-8"?>
<transitionxmlns:android="http://schemas.android.com/apk/res/android"?>
????<itemandroid:drawable="@[package:]drawable/drawable_resource"android:id="@[+][package:]id/resource_name"android:top="dimension"android:right="dimension"android:bottom="dimension"android:left="dimension"?/>
transition>

它的根標簽為，它可以包含多個標簽，每個 item 表示一個 Drawable，item 的屬性含義分別是：

屬性含義

android:drawable	drawable 資源，可引用現(xiàn)有的的 Drawable
android:id	iitem 的 id，使用"@+id/name"的形式表示。可通過 View.findViewById() 或者 Activity.findViewById() 方法查找到這個 Drawable
android:top、android:right、android:bottom、android:left	Drawable 相對于 View 在各個方向的偏移量

11.2 用法示例

這里定義一個淡入淡出效果的圖片切換效果，展示 TransitionDrawable 的基本使用。

定義

<?xml ?version="1.0"?encoding="utf-8"?>
<transition?xmlns:android="http://schemas.android.com/apk/res/android">
????<item?android:drawable="@drawable/kakarotto1"?/>
????<item?android:drawable="@drawable/kakarotto2"?/>
transition>

使用

<?xml ?version="1.0"?encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout?xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">

????<ImageViewandroid:layout_width="230dp"android:layout_height="150dp"android:background="@drawable/drawable_transition"android:id="@+id/img"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>
class?TransitionDrawableActivity?:?AppCompatActivity()?{
????lateinit?var?disposable:?Disposable
????var?reverse?=?false

????override?fun?onCreate(savedInstanceState:?Bundle?)?{
????????super.onCreate(savedInstanceState)
????????setContentView(R.layout.activity_transition_drawable)

????????var?transitionDrawable?=?findViewById(R.id.img).background?as?TransitionDrawable
????????Observable.interval(3000,?TimeUnit.MILLISECONDS)
????????????.subscribeOn(Schedulers.io())
????????????.observeOn(AndroidSchedulers.mainThread())
????????????.subscribe(object?:?Observer<Long>?{override?fun?onSubscribe(d:?Disposable)?{
????????????????????disposable?=?d
????????????????}override?fun?onComplete()?{
????????????????}override?fun?onNext(t:?Long)?{if?(!reverse)?{
????????????????????????transitionDrawable.startTransition(3000)
????????????????????????reverse?=?true
????????????????????}?else?{
????????????????????????transitionDrawable.reverseTransition(3000)
????????????????????????reverse?=?false
????????????????????}
????????????????}override?fun?onError(e:?Throwable)?{
????????????????}
????????????})
????}

效果圖

好了，傳統(tǒng)的 Drawable 就介紹完了，但是隨著 Android 版本的更新，Drawable 家族也不斷得有新成員加入進來。

Demo地址：
https://github.com/guanpj/DrawableDemo

大家都在看

零基礎(chǔ)手把手教你開發(fā)探探類社交軟件Tinder

GitHub 上優(yōu)質(zhì)項目整理，不只 Android

自定義View仿支付寶芝麻信用分儀表盤效果

Android APP 性能優(yōu)化的一些思考

歡迎前往安卓巴士博客區(qū)投稿，技術(shù)成長于分享

期待巴友留言，共同探討學(xué)習(xí)

總結(jié)

以上是生活随笔為你收集整理的android bitmap转图片_Android 这些 Drawable 你都会用吗？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Python爬取网站用户手机号_利用py
下一篇： http请求过程 Android,and