现在的位置: 首页 > 综合 > 正文

【Android】Android中shape的使用

2018年09月04日 ⁄ 综合 ⁄ 共 1135字 ⁄ 字号 评论关闭

Android中,默认的控件显示效果往往不太美观。

我们可以在drawable下建一个XML文件,里面放置shape标签以及其相关的属性。

例如,可以用这样的方式设置一个LinearLayout的边框、填充颜色、圆角效果等等。

先看下面的代码:

        <shape>
            <!-- 实心 -->
            <solid android:color="#ff9d77"/>
            <!-- 渐变 -->
            <gradient
                android:startColor="#ff8c00"
                android:endColor="#FFFFFF"
                android:angle="270" />
            <!-- 描边 -->
            <stroke
                android:width="2dp"
                android:color="#dcdcdc" />
            <!-- 圆角 -->
            <corners
                android:radius="2dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>

solid:实心

就是填充的意思

android:color指定填充的颜色

gradient:渐变

android:startColor和android:endColor分别为起始和结束颜色,ndroid:angle是渐变角度,必须为45的整数倍。

另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。

stroke:描边

android:width="2dp" 描边的宽度,android:color 描边的颜色。

我们还可以把描边弄成虚线的形式,设置方式为:

android:dashWidth="5dp" 

android:dashGap="3dp"

其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。

corners:圆角

android:radius为角的弧度,值越大角越圆。

我们还可以把四个角设定成不同的角度,方法为:

<corners 

        android:topRightRadius="20dp"    右上角

        android:bottomLeftRadius="20dp"    右下角

        android:topLeftRadius="1dp"    左上角

        android:bottomRightRadius="0dp"    左下角 />

【注】bottomLeftRadius是右下角,而不是左下角,记得别搞错了。

padding:间隔

抱歉!评论已关闭.