Android 項目中資源文件 -- layer-list篇

樣式篇:
Android 項目中資源文件 -- shape篇
Android 項目中資源文件 -- selector篇
Android 項目中資源文件 -- layer-list篇

我們可以使用 shape 庐舟、selector 實現(xiàn)一些日常開發(fā)中的常見樣式楞黄。但是有一些稍微復雜一些的樣式效果我們可以使用 layer-list 來實現(xiàn)腋舌,這篇文章就來記錄一下這個 layer-list 的使用。

都說再學習的過程中隙轻,我們要時刻保持一顆充滿好奇的內心卖子。 那么問題就來了 layer-list 這到底是個什么東西呢斩萌?

帶著這個問題 我們可以打開 谷歌官方文檔--LayerList的介紹玻褪。

圖層列表 layer-list

定義

顧名思義 layer-list ,圖層別表房蝉。 layer-list 是用來創(chuàng)建 LayerDrawable 的僚匆,而 LayerDrawable 又是 DrawableResource 的一種,所以簡單來說搭幻,layer-list 所創(chuàng)建出來的圖層列表就是一種 drawable 圖形咧擂。

原理

layer-list 其實是試圖疊加,有點像我們平時寫 layout 布局時候的 RelativeLayout檀蹋,后添加的視圖會覆蓋住先添加的松申。在 layer-list 中可以通過控制視圖 上下左右 四個方向的距離屬性,從而得到不同效果的樣式。

文件位置

res/drawable/xxx.xml 文件名用作資源 ID攻臀。

資源引用

在 Java 中:R.drawable.xxx
在 XML 中:@[package:]drawable/xxx

語法

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

基本語法就是使用一個 <layer-list> 標簽嵌套多個 <item ../>焕数,每一個 <item ../> 就代表一個視圖層纱昧。
<layer-list>
<item ../>
<item ../>
</layer-list>

<item ../> 的屬性介紹

屬性名 屬性說明
android:drawable 可繪制對象資源刨啸。必備。引用可繪制對象資源
android:id 資源 ID识脆。此可繪制對象的唯一資源 ID
android:top 整型设联。頂部偏移(像素)
android:right 整型。右邊偏移(像素)
android:bottom 整型灼捂。底部偏移(像素)
android:left 整型离例。左邊偏移(像素)

默認情況下,所有可繪制項都會縮放以適應包含視圖的大小悉稠。因此宫蛆,將圖像放在圖層列表中的不同位置可能會增大視圖的大小,并且有些圖像會響應的縮放的猛。為了避免縮放列表中的項目耀盗,在 item 元素內使用 bitmap 指定可繪制對象。

<item>
<bitmap
    android:gravity="center"
    android:src="@drawable/image" />
</item>

使用事例

XML 文件保存在 res/drawable/layers.xml 中:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/android_red" />
    </item>
    <item
        android:left="10dp"
        android:top="10dp">
        <bitmap
            android:gravity="center"
            android:src="@drawable/android_green" />
    </item>
    <item
        android:left="20dp"
        android:top="20dp">
        <bitmap
            android:gravity="center"
            android:src="@drawable/android_blue" />
    </item>
</layer-list>

然后在布局文件中使用:

<ImageView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/layers" />
最終效果
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末卦尊,一起剝皮案震驚了整個濱河市叛拷,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌岂却,老刑警劉巖忿薇,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異躏哩,居然都是意外死亡署浩,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進店門扫尺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瑰抵,“玉大人,你說我怎么就攤上這事器联《矗” “怎么了?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵拨拓,是天一觀的道長肴颊。 經(jīng)常有香客問我,道長渣磷,這世上最難降的妖魔是什么婿着? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上竟宋,老公的妹妹穿的比我還像新娘提完。我一直安慰自己,他們只是感情好丘侠,可當我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布徒欣。 她就那樣靜靜地躺著,像睡著了一般蜗字。 火紅的嫁衣襯著肌膚如雪打肝。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天挪捕,我揣著相機與錄音粗梭,去河邊找鬼。 笑死级零,一個胖子當著我的面吹牛断医,可吹牛的內容都是我干的。 我是一名探鬼主播奏纪,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼鉴嗤,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了亥贸?” 一聲冷哼從身側響起躬窜,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎炕置,沒想到半個月后荣挨,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡朴摊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年默垄,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片甚纲。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡口锭,死狀恐怖,靈堂內的尸體忽然破棺而出介杆,到底是詐尸還是另有隱情鹃操,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布春哨,位于F島的核電站荆隘,受9級特大地震影響,放射性物質發(fā)生泄漏赴背。R本人自食惡果不足惜椰拒,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一晶渠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧燃观,春花似錦褒脯、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至积锅,卻和暖如春爽彤,著一層夾襖步出監(jiān)牢的瞬間养盗,已是汗流浹背缚陷。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留往核,地道東北人箫爷。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像聂儒,于是被迫代替她去往敵國和親虎锚。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,077評論 2 355