Shape的基本使用

有時疮鲫,我們?yōu)榱薃PP中節(jié)省空間妇多,在能用顏色替代的地方就不要用圖片砌梆,而如何將顏色組織成想要的形狀及如何為指定的顏色添加描邊咸包、漸變等來模擬圖片就顯的極為重要了,這些就是靠shape來完成的坟比。

shape標簽的屬性

<shape xmlns:android="http://schemas.android.com/apk/res/android"

? ? android:shape="ring" shape的形狀默認是矩形(rectangle) 橢圓形(oval) 線性形狀(line) 環(huán)形(ring)

一下屬性只有為環(huán)形(ring)才可以使用

? ? android:innerRadiusRatio="200dp" 浮點型 以環(huán)的寬度比率來表示內(nèi)環(huán)的半徑

? ? android:thicknessRatio="10dp" 浮點型 以環(huán)的寬度比率來表示環(huán)的厚度

? ? android:innerRadius="20dp" 尺寸內(nèi)環(huán)的半徑

? ? android:thickness="50dp" 尺寸 環(huán)的厚度

? ? android:useLevel="false" boolean值柠衅,如果當做是LevelListDrawable使用時值為true,否則為false.

? ? >

shape標簽下包含的子標簽

Corners? 定義圓角

solid? 指定內(nèi)部填充色

gradient 定義漸變色? 可以定義兩色漸變 三色漸變? 漸變樣式

storke? 描邊的屬性

size? 定義圖形大小

ppadding 定義內(nèi)部邊距

Corners? 定義圓角

? ? <corners

? ? android:bottomLeftRadius="10dp"? 左下角的圓角半徑

? ? android:bottomRightRadius="10dp"? 右下角的圓角半徑

? ? android:radius="10dp"? 全部圓角

? ? android:topLeftRadius="10dp" 左上角的圓角半徑

? ? android:topRightRadius="10dp" /> 右上角的圓角半徑

如果每個角都得設(shè)置的話只用設(shè)置radius就可以了 不用設(shè)置其他的

有單獨的業(yè)務(wù)需求可以采用另外幾個屬性

使用方法? 再需要添加的控件中android:background="@drawable/xml的名字"

單獨用Corners是看不出效果的還得需要添加sloid來配合使用? 下面我們來講解solid

solid 內(nèi)部填充色

<solid android:color="@color/colorPrimary" />填充的顏色

solid只有一個填充顏色的屬性

gradient? 定義漸變色? 可以定義兩色漸變 三色漸變? 漸變樣式

<gradient

? ? android:angle="integer" 漸變角度? 必須是45的倍數(shù) 0為從左到右? 90為從上到下

? ? android:centerColor="color" 漸變中間點的顏色,在開始與結(jié)束點之間

? ? android:centerX="float" 漸變中心X的相當位置 范圍為0~1

? ? android:centerY="float"? 漸變中心Y的相當位置 范圍0 ~1

? ? android:endColor="color" 漸變結(jié)束點的顏色

? ? android:gradientRadius="float"? 漸變的半徑? 只有當漸變類型為radial(放射漸變)時才能使用

? ? android:startColor="color"? 漸變開始點的顏色

? ? android:type="linear" 共三種漸變形式 linear(線性漸變默認) radial(放射漸變) sweep(掃描漸變)

? ? android:useLevel="true"? 使用LevelListDrawable時就要設(shè)置為true谣蠢。設(shè)為false時才有漸變效果 />

(1) 線性漸變

<gradient

? ? android:type="linear"

? ? android:startColor="#ff0000"

? ? android:centerColor="#00ff00"

? ? android:endColor="#0000ff"/>

放射性漸變

<gradient

? ? android:type="radial"

? ? android:startColor="#ff0000"

? ? android:centerColor="#00ff00"

? ? android:endColor="#0000ff"

? ? android:gradientRadius="100"/>必須加上這個才可以有效不然沒有效果

掃描式漸變

<gradient

? ? android:type="sweep"

? ? android:startColor="#ff0000"

? ? android:centerColor="#00ff00"

? ? android:endColor="#0000ff"/>

(2) andorid;angle(僅對線性漸變有效)

(3) android:centerX和android:centerY

centerX嗦嗡、centerY兩個屬性用于設(shè)置漸變的中心點位置侥祭,僅當漸變類型為放射漸變時有效矮冬,類型為分數(shù)或小數(shù)吆录,不接受Dimension恢筝。默認值是0.5撬槽,有效值是0.0~1.0侄柔,超出該范圍后會看不出漸變效果移剪。centerX纵苛、centerY的取值其實是寬和高的百分比

(4) android:uselevel

useLevel屬性通常不使用。該屬性用于指定是否將該shape當成一個LevelListDrawable來使用,默認值為false陷谱。

stroke 描邊屬性

<stroke

? ? android:color="#000000" 描邊顏色

? ? android:width="10dp" 描邊寬度

? ? android:dashGap="1dp" 虛線的寬度,當為0時是實線

? ? android:dashWidth="100dp" 虛線的間隔

? ? />

size和padding 圖形大小和內(nèi)邊距 因為控件本身也有這兩個屬性? 所以基本上不需用設(shè)置

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市访雪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌精置,老刑警劉巖脂倦,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異政供,居然都是意外死亡离陶,警方通過查閱死者的電腦和手機招刨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門杉适,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事藕咏。” “怎么了坦喘?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵坯沪,是天一觀的道長。 經(jīng)常有香客問我腐晾,道長叉弦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任藻糖,我火速辦了婚禮淹冰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘巨柒。我一直安慰自己樱拴,他們只是感情好柠衍,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布履怯。 她就那樣靜靜地躺著,像睡著了一般诫咱。 火紅的嫁衣襯著肌膚如雪坏快。 梳的紋絲不亂的頭發(fā)上祥得,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天转绷,我揣著相機與錄音爸业,去河邊找鬼钧忽。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播薯嗤,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼循狰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起池户,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后厌蔽,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體粘捎,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挟憔。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖邑狸,靈堂內(nèi)的尸體忽然破棺而出渐逃,到底是詐尸還是另有隱情扩所,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布朴乖,位于F島的核電站,受9級特大地震影響助赞,放射性物質(zhì)發(fā)生泄漏买羞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一雹食、第九天 我趴在偏房一處隱蔽的房頂上張望畜普。 院中可真熱鬧,春花似錦群叶、人聲如沸吃挑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽舶衬。三九已至埠通,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間逛犹,已是汗流浹背端辱。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留虽画,地道東北人舞蔽。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像码撰,于是被迫代替她去往敵國和親渗柿。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容

  • “越努力脖岛,越來越幸運”我相信這句話朵栖。回首我這些年的生活狀態(tài)鸡岗,簡直是這句話的印證混槐。大學時,我很努力轩性,不管是學習還是各...
    123的夢閱讀 76評論 0 0
  • 她去醫(yī)院檢查身體声登,在幾層樓之間上上下下,上午到下午揣苏,終于拿到化驗結(jié)果悯嗓。 醫(yī)生是個60歲左右的老太太,跟她說本人是專...
    曠野里的樹兒閱讀 471評論 3 8