xmls shape properties
属性表:
属性 | 属性值 | 描述 |
---|
shape | --------- | ---------- |
dither | true/false | 将在位图的像素配置与屏幕不同是启用为(ARGB8000位图和RGB565屏幕)启用位图抖动,值为false停止 |
shape | rectangle/line/oval/ring | 分别为矩形,线,椭圆,环默认为rectangle |
innerRadius | integer | shape为ring时可用,内环半径 |
innerRadiusRatio | float | shape为ring时可用内环的厚度比,即环的比表示内环半径,默认为3可被innerRadius值覆盖 |
thickness | integer | shape为ring时可用,环的厚度 |
thicknessRatio | float | 环的厚度比即环的宽度比 表示环的厚度,默认为9,可被thickness值覆盖 |
tint | color | 给shape着色 |
tintMode | src_in / src_atop / stc_over / add / multiply / screen | 着色类型 |
visible | false / true | 设置可见性 |
corners | ----------- | ------圆角----- |
radius | integer | 半径,如果设置该属性则以下几个属性失效 |
bottomLeftRadius | integer | 左下角圆角半径 |
bottomRightRadius | integer | 右下角圆角半径 |
topLeftRadius | integer | 左上角圆角半径 |
topRightRadius | integer | 右上角圆角半径 |
gradient | ----------- | ------渐变----- |
useLevenl | false/true | 与上面shape的属性是否一致 |
type | linear / radial / sweep | 渐变类型,分别为线性,放射性,扫描性渐变默认渐变性 |
angle | integer | 渐变角度,当上面type为线性渐变linear时有效。角度为45的倍数 |
centerColor | color | 渐变中间位置的颜色 |
startColor | color | 渐变开始位置的颜色 |
endColor | color | 渐变结束位置的颜色 |
centerX | float | type为放射性radial时有效,设置渐变中心X的坐标,取值区域为【0,1】默认为0.5 |
centerY | float | type为放射性radial时有效,设置渐变中心Y的坐标,取值区域为【0,1】默认为0.5 |
gradientRadius | integer | type为放射性渐变radial时有效,渐变半径 |
size | --------- | ----大小— |
width | integer | 宽度 |
height | integer | 高度 |
solid | --------- | ------填充------ |
color | color | shape填充的颜色 |
stroke | --------- | -----描边----- |
color | color | 描边的颜色 |
width | integer | 描边的宽度 |
dashGap | integer | 虚线间隔 |
dashWidth | integer | 虚线宽度 |
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="ring"
android:innerRadius="50dp"
android:innerRadiusRatio="5"
android:thickness="120dp"
android:thicknessRatio="8"
android:useLevel="false"
>
<gradient
android:type="linear"
android:useLevel="false"
android:angle="45"
android:startColor="@color/colorAccent"
android:centerColor="@android:color/black"
android:endColor="@color/colorPrimary"/>
</shape>