天天看點

Android UI(一)Layout 背景局部Shape圓角設計第一步:定義一個shape第二步: Layout中設定

今天我們來android ui第一講:實作layout 背景局部shape圓角設計

效果圖:

Android UI(一)Layout 背景局部Shape圓角設計第一步:定義一個shape第二步: Layout中設定

res/drawable/shape_to_corner_no_bottom_line.xml

1

2

3

4

5

6

7

8

9

10

11

12

13

<code>&lt;?</code><code>xml</code> <code>version="1.0" encoding="utf-8"?&gt;</code>

<code>    </code><code>&lt;</code><code>item</code><code>&gt;</code>

<code>        </code><code>&lt;!-- shape with circle-top corner --&gt;</code>

<code>        </code><code>&lt;</code><code>shape</code><code>&gt;</code>

<code>            </code><code>&lt;!-- the shape background color --&gt;</code>

<code>            </code><code>&lt;</code><code>solid</code> <code>android:color="@color/black"/&gt;</code>

<code>            </code><code>&lt;</code><code>corners</code> <code>android:topleftradius="10dp" android:toprightradius="10dp"</code>

<code>                     </code><code>android:bottomleftradius="0.1dp" android:bottomrightradius="0.1dp"/&gt;</code>

<code>            </code><code>&lt;</code><code>stroke</code>  <code>android:width="1dp" android:color="@color/black"/&gt;</code>

<code>        </code><code>&lt;/</code><code>shape</code><code>&gt;</code>

<code>    </code><code>&lt;/</code><code>item</code><code>&gt;</code>

<code>&lt;/</code><code>layer-list</code><code>&gt;</code>

其中參數含義:{英語單詞顧名思義}

漸變:當設定填充顔色後,無漸變效果。angle的值必須是45的倍數(包括0),僅在type="linear"有效,不然會報錯。android:uselevel 這個屬性不知道有什麼用。

<code>android:background="@drawable/shape_to_corner_no_bottom_line"</code>

這樣就簡單的設定好了。

繼續閱讀