Android開發(fā)Jetpack?Compose元素Modifier特性詳解
正文
本文將會介紹Jetpack Compose中的Modifier。在谷歌官方文檔中它的描述是這么一句話:Modifier元素是一個有序、不可變的集合,它可以往Jetpack Compose UI元素中添加修飾或者各種行為。例如,背景、填充和單擊事件監(jiān)聽器裝飾或添加行為到文本或按鈕。本文將會從修飾符的兩個特性有序和不可變入手來探究修飾符的應(yīng)用,以下是本文目錄:
- 有序性
- 不可變性
有序性
官方對修飾符定義的這個特性包含兩個層面的意思,一是修飾符的使用是鏈?zhǔn)降乃怯邢群笈帕许樞虻?,二是這些順序不僅僅是排列上的先后同時也是屬性對UI展示效果起作用的先后順序。接下來舉一個例子來說明修飾符的有序的特性。
Box { val padding = 16.dp val onClick = Unit; Box( Modifier .clickable(onClick = { onClick }) .padding(padding) .align(Alignment.Center) .size(50.dp, 50.dp) .background(Color.Green) ) }
Box { val padding = 16.dp val onClick = Unit; Box( Modifier .padding(padding) .clickable(onClick = { onClick }) .align(Alignment.Center) .size(50.dp, 50.dp) .background(Color.Green) ) }
上面兩段代碼的意思都是在一個綠色背景寬高為50,50的Box控件中設(shè)置點(diǎn)擊事件和Padding。首先我們可以直觀的看到修飾符的使用是鏈?zhǔn)降姆显蹅冋f的第一個有序性。讀者可以觀察兩個gif圖中水波動畫的作用范圍,可以清楚的看到第一張圖波紋是作用范圍是涵蓋了邊距的而第二張水波動畫的范圍僅僅作用在綠色矩形內(nèi)部。第一段代碼是先設(shè)置的點(diǎn)擊事件而后設(shè)置的邊距,而第二段代碼是先設(shè)置邊距而后設(shè)置了點(diǎn)擊事件,就出現(xiàn)了不同的動畫表現(xiàn)。我們通過這個例子就可以直觀的看到修飾符的第二個有序性,也就是修飾屬性對于UI展示作用的有序性,即屬性發(fā)生作用的先后順序和設(shè)置順序是一致的。
不可變性
對于修飾符的不可變性筆者認(rèn)為就是當(dāng)設(shè)置的屬性值確定時,被修飾的UI就確定了不會再變了。下面就展示一個位于屏幕中心,背景為綠色,旋轉(zhuǎn)45度,寬度等比例拉伸2倍的正方形。
Box { Box( Modifier .rotate(45f) .scale(2f) .align(Alignment.Center) .size(50.dp, 50.dp) .background(Color.Green) ) }
到這里本文對修飾符的特性介紹就結(jié)束了,修飾符還有很多的屬性讀者可以自行嘗試研究,但是無論設(shè)置什么屬性修飾符都遵循咱們討論的這兩個屬性。這里附上修飾符的官方文檔鏈接點(diǎn)擊查看Modifier的官方文檔,更多關(guān)于Android Jetpack Compose元素Modifier的資料請關(guān)注腳本之家其它相關(guān)文章!
- 融會貫通Android?Jetpack?Compose中的Snackbar
- Android?Jetpack?Compose開發(fā)實用小技巧
- Android JetpackCompose使用教程講解
- Android中分析Jetpack?Compose動畫內(nèi)部的實現(xiàn)原理
- Android?Jetpack結(jié)構(gòu)運(yùn)用Compose實現(xiàn)微博長按點(diǎn)贊彩虹效果
- Android Jetpack Compose實現(xiàn)列表吸頂效果
- Android Jetpack Compose無限加載列表
- Android使用Jetpack Compose開發(fā)零基礎(chǔ)起步教程
相關(guān)文章
Android開發(fā)雙向滑動選擇器范圍SeekBar實現(xiàn)
這篇文章主要為大家介紹了Android開發(fā)雙向滑動范圍選擇器SeekBar實現(xiàn),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06Android ContentProvider獲取手機(jī)聯(lián)系人實例
這篇文章主要介紹了Android ContentProvider獲取手機(jī)聯(lián)系人實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02Android在WebView中調(diào)用系統(tǒng)下載的方法
這篇文章主要為大家詳細(xì)介紹了Android在WebView中調(diào)用系統(tǒng)下載的簡單使用,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-05-05Android自定義view實現(xiàn)圓的擴(kuò)散效果
這篇文章主要為大家詳細(xì)介紹了Android自定義view實現(xiàn)圓的擴(kuò)散效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-01-01