Android(安卓)UI---自定义形状shape
16lz
2021-01-25
1、在res/drawable目录下创建一个shape.xml
[html] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <shapexmlns:android="http://schemas.android.com/apk/res/android">
- <solidandroid:color="#ffffffff"/>
- <cornersandroid:radius="10dp"/>
- <padding
- android:bottom="10dp"
- android:left="5dp"
- android:right="5dp"
- android:top="5dp"/>
- <stroke
- android:width="2dp"
- android:color="#ff00bbe8">
- </stroke>
- </shape>
2、在需要的地方调用:
[html] view plain copy
- <EditText
- android:id="@+id/mText"
- android:layout_width="fill_parent"
- android:layout_height="100px"
- android:background="@drawable/shape"
- android:textColor="#aa000000"
- android:textSize="20dp"
- android:gravity="top"
- android:layout_margin="3dp"
- android:paddingLeft="10dp"
- android:paddingRight="10dp"/>
3、看下效果图:
4、关于shape的其他属性:
shape与selector综合使用
[html] view plain copy
- button_selector.xml:
- <?xmlversion="1.0"encoding="utf-8"?>
- <selector
- xmlns:android="http://schemas.android.com/apk/res/android">
- <itemandroid:state_pressed="true">
- <shape>
- <!--渐变-->
- <gradient
- android:startColor="#ff8c00"
- android:endColor="#FFFFFF"
- android:type="radial"
- android:gradientRadius="50"/>
- <!--描边-->
- <stroke
- android:width="2dp"
- android:color="#dcdcdc"
- android:dashWidth="5dp"
- android:dashGap="3dp"/>
- <!--圆角-->
- <corners
- android:radius="2dp"/>
- <padding
- android:left="10dp"
- android:top="10dp"
- android:right="10dp"
- android:bottom="10dp"/>
- </shape>
- </item>
- <itemandroid:state_focused="true">
- <shape>
- <gradient
- android:startColor="#ffc2b7"
- android:endColor="#ffc2b7"
- 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>
- </item>
- <item>
- <shape>
- <solidandroid:color="#ff9d77"/>
- <stroke
- android:width="2dp"
- android:color="#fad3cf"/>
- <corners
- android:topRightRadius="5dp"
- android:bottomLeftRadius="5dp"
- android:topLeftRadius="0dp"
- android:bottomRightRadius="0dp"
- />
- <padding
- android:left="10dp"
- android:top="10dp"
- android:right="10dp"
- android:bottom="10dp"/>
- </shape>
- </item>
- </selector>
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" 左下角
/>
padding:间隔
更多相关文章
- android Canvas drawText 文字居中
- Android两行代码修改给系统状态栏设置透明效果
- Android培训班(29)
- android -- TextView 部分字符带颜色 与 popupwindow 的使用
- Android(安卓)8位颜色值和6位颜色值的区别
- Android学习札记6:ProgressBar圆形进度条的颜色设置
- android实现选择图片并压缩上传的功能
- 对hint 设置大小及颜色,可用此方法对字符串设置不同颜色或大小
- Android(安卓)TextView 中设置text的格式