天天看点

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>

这样就简单的设置好了。

继续阅读