Android學(xué)習(xí)第一彈:Android通過用代碼畫虛線橢圓邊框背景來學(xué)習(xí)一下shape的用法

在Android程序開發(fā)中,我們經(jīng)常會(huì)去用到Shape這個(gè)東西去定義各種各樣的形狀,shape可以繪制矩形環(huán)形以及橢圓,所以只需要用橢圓即可,在使用的時(shí)候?qū)⒖丶热鏸mageview或textview的高寬設(shè)置成一樣就是正圓,solid表示遠(yuǎn)的填充色,stroke則代表遠(yuǎn)的邊框線,所以兩者結(jié)合可以實(shí)現(xiàn)帶邊緣的圓,當(dāng)然也可以直接加上size控制高寬。那么我首先帶你們了解一下Shape下有哪些標(biāo)簽,并且都代表什么意思:

shape屬性:

rectangle:矩形

oval:橢圓

line:線,需要 stroke 來設(shè)置寬度

ring:環(huán)形

solid屬性:

color:填充顏色

stroke屬性:

color:邊框顏色

width:邊框?qū)挾?/p>

dashWidth:虛線框的寬度

dashGap:虛線框的間隔

corners屬性:

radius:四個(gè)角的半徑

topRightRadius:右上角的半徑

bottomLeftRadius:右下角的半徑

opLeftRadius:左上角的半徑

bottomRightRadius:左下角的半徑

gradient屬性:

startColor:其實(shí)顏色

centerColor:中間顏色

endColor:結(jié)束顏色

centerX:中間顏色的相對X坐標(biāo)(0 -- 1)

centerY:中間顏色的相對Y坐標(biāo)(0 -- 1)

useLevel:(true/false), 是否用作LevelListDrawable的標(biāo)志

angle是漸變角度,必須為45的整數(shù)倍。0從左到右,90從下到上,180從右到左,270從上到下

type:漸變模式。 默認(rèn)線性漸變,可以指定漸變?yōu)閞adial(徑向漸變)或者sweep(類似雷達(dá)掃描的形式)

gradientRadius:漸變半徑,徑向漸變需指定半徑。

padding屬性:

left:左內(nèi)邊距

top:上內(nèi)邊距

right:右內(nèi)邊距

bottom:下內(nèi)邊距

size屬性:

width:寬

height:高

現(xiàn)在接下來我們通過一個(gè)例子,畫了五個(gè)不一樣的形狀,來詳細(xì)了解有關(guān)Shape的用法。例子如下:

1、畫橢圓虛線邊框背景,資源文件代碼如下:

android:bottomLeftRadius="8dp"

android:bottomRightRadius="8dp"

android:radius="15dp"

android:topLeftRadius="8dp"

android:topRightRadius="8dp" />

android:dashGap="4dp"

android:dashWidth="4dp"

android:width="2dp"

android:color="@color/ellipse_dashed_line_color" />

2、畫實(shí)線透明邊框背景,資源文件代碼如下:

android:bottomLeftRadius="6dp"

android:bottomRightRadius="6dp"

android:radius="10dp"

android:topLeftRadius="6dp"

android:topRightRadius="6dp" />

android:width="1dp"

android:color="@color/ellipse_dashed_line_color" />

3、畫實(shí)線填充顏色邊框背景,資源文件代碼如下:

android:bottomLeftRadius="6dp"

android:bottomRightRadius="6dp"

android:radius="10dp"

android:topLeftRadius="6dp"

android:topRightRadius="6dp" />

android:width="1dp"

android:color="@color/ellipse_dashed_line_color" />

4、畫實(shí)線透明半邊橢圓邊框,資源文件代碼如下:

android:width="1.2dp"

android:color="#669df3" />

android:bottomRightRadius="10dp"

android:topRightRadius="10dp" />

android:bottom="8dp"

android:left="12dp"

android:right="12dp"

android:top="8dp" />

5、畫實(shí)線填充顏色半邊橢圓邊框,資源文件代碼如下:

android:bottomLeftRadius="10dp"

android:topLeftRadius="10dp" />

android:bottom="8dp"

android:left="12dp"

android:right="12dp"

android:top="8dp" />

效果圖如下:

如果想要源碼,請大家多多支持,分享到朋友圈,發(fā)送分享到朋友圈后的截屏和郵箱到此公眾號,小編會(huì)爭取第一時(shí)間把源碼發(fā)送給您。

公眾號“非著名程序員”,每天一篇原創(chuàng)技術(shù)分享和移動(dòng)互聯(lián)網(wǎng)知識分享,微信公眾號:smart_android ,歡迎大家關(guān)注。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容