Shape的用法

本文介绍如何使用XML在Android中绘制各种基本图形,包括水平和垂直虚线、实心圆、圆环及矩形,并详细解释了相关属性的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.画一条水平方向的虚线
<?xml version="1.0" encoding="utf-8"?> < shape xmlns:android = "http://schemas.android.com/apk/res/android" android:shape = "line" > < stroke android:dashGap = "3dp" android:dashWidth = "6dp" android:width = "1dp" android:color = "#FF8C69" /> </ shape >

Android :width=”1dp” 为线条的高度
android :dashGap=”3dp” 表示虚线间空隙的宽度,0表示一条实线;
android:dashWidth=”6dp” 表示每个虚线的宽度。
注意:在版本4.0以上,需要在控件中设置android:layerType=”software”,否则虚线无效,显示为实线。
2.画一条垂直方向的虚线
<?xml version="1.0" encoding="utf-8"?> < rotate xmlns:android = "http://schemas.android.com/apk/res/android" android:fromDegrees = "90" android:toDegrees = "90" android:drawable = "@drawable/line" > </ rotate >
  • 或者使用下面的方法
<?xml version="1.0" encoding="utf-8"?> < rotate xmlns:android = "http://schemas.android.com/apk/res/android" android:fromDegrees = "90" android:toDegrees = "90" > < shape android:shape = "line" > < stroke android:dashGap = "3px" android:dashWidth = "6px" android:width = "1dp" android:color = "#FF8C69" /> </ shape > </ rotate >

3.画一个实心圆
<?xml version="1.0" encoding="utf-8"?> < shape xmlns:android = "http://schemas.android.com/apk/res/android" android:shape = "oval" > < solid android:color = "#FF8C69" /> </ shape >

4.画一个圆环
<?xml version="1.0" encoding="utf-8"?> < shape xmlns:android = "http://schemas.android.com/apk/res/android" android:innerRadius = "15dp" android:shape = "ring" android:thickness = "10dp" android:useLevel = "false" > < solid android:color = "#FF8C69" /> < stroke android:width = "1dp" android:color = "#FF8C69" /> </ shape >

android:innerRadius=”15dp” 设置尺寸,内环的半径
android:thickness=”10dp” 设置尺寸,环的厚度
android:useLevel=”false” boolean值,如果当做是LevelListDrawable使用时值为true,否则为false.
android:innerRadiusRatio=”9” 浮点型,以环的宽度比率来表示内环的半径,表示内环半径等于环的宽度除以5,这个值是可以被覆盖的,默认为9.
android:thicknessRatio=”2” 浮点型,以环的宽度比率来表示环的厚度, 表示环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的,默认值是3.
5.画一个矩形
<?xml version="1.0" encoding="utf-8"?> < shape xmlns:android = "http://schemas.android.com/apk/res/android" android:shape = "rectangle" > < corners android:radius = "30dp" /> < solid android:color = "#FF8C69" /> < stroke android:width = "1dp" android:color = "#FF8C69" /> </ shape >

总结
<?xml version="1.0" encoding="utf-8"?> <!-- shape drawable xml文件中定义的一个几何图形,定义在res/drawable/目录下,文件名filename称为访问的资源ID 在代码中通过R.drawable.filename进行访问,在xml文件中通过@[package:]drawable/filename进行访问。 --> <!-- android:shape=["rectangle" | "oval" | "line" | "ring"] shape的形状,默认为矩形,可以设置为矩形(rectangle)、椭圆形(oval)、线性形状(line)、


环形(ring)下面的属性只有在android:shape="ring时可用: android:innerRadius 尺寸,内环的半径。 android:innerRadiusRatio 浮点型,以环的宽度比率来表示内环的半径,例如,如果android:innerRadiusRatio,表示内环半径等于环的宽度除以5,这个值是可以被覆盖的,默认为9. android:thickness 尺寸,环的厚度 android:thicknessRatio 浮点型,以环的宽度比率来表示环的厚度,例如,如果android:thicknessRatio="2", 那么环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的,默认值是3. android:useLevel boolean值,如果当做是LevelListDrawable使用时值为true,否则为false.--> < shape xmlns:android = "http://schemas.android.com/apk/res/android" android:shape = "rectangle" > <!-- 圆角 android:radius 整型半径 android:topLeftRadius 整型左上角半径 android:topRightRadius 整型右上角半径 android:bottomLeftRadius 整型左下角半径 android:bottomRightRadius 整型右下角半径 --> < corners android:bottomLeftRadius = "20dp" android:bottomRightRadius = "25dp" android:radius = "8dp" android:topLeftRadius = "5dp" android:topRightRadius = "15dp" /> <!-- 渐变色 android:startColor 颜色值 起始颜色 android:endColor 颜色值结束颜色 android:centerColor 整型渐变中间颜色,即开始颜色与结束颜色之间的颜色 android:angle 整型渐变角度(PS:当angle=0时,渐变色是从左向右。 然后逆时针方向转,当angle=90时为从下往上。angle必须为45的整数倍) android:type ["linear" | "radial" | "sweep"] 渐变类型(取值:linear、radial、sweep) linear 线性渐变,这是默认设置 radial 放射性渐变,以开始色为中心。 sweep 扫描线式的渐变。 android:useLevel ["true" | "false"]如果要使用LevelListDrawable对象,就要设置为true。设置为true无渐变。false有渐变色 android:gradientRadius 整型渐变色半径.当 android:type="radial" 时才使用。单独使用 android:type="radial"会报错。 android:centerX 整型渐变中心X点坐标的相对位置 android:centerY 整型渐变中心Y点坐标的相对位置 --> < gradient android:angle = "45" android:endColor = "#80FF00FF" android:startColor = "#FFFF0000" /> <!-- 内边距,即内容与边的距离 android:left 整型左内边距 android:top 整型上内边距 android:right 整型右内边距 android:bottom 整型下内边距 --> < padding android:bottom = "10dp" android:left = "10dp" android:right = "10dp" android:top = "10dp" /> <!-- size 大小 android:width 整型宽度 android:height 整型高度 --> < size android:width = "600dp" /> <!-- 内部填充 android:color 颜色值填充颜色 --> < solid android:color = "#ffff9d77" /> <!-- 描边 android:width 整型描边的宽度 android:color 颜色值描边的颜色 android:dashWidth 整型表示描边的样式是虚线的宽度, 值为0时,表示为实线。值大于0则为虚线。 android:dashGap 整型表示描边为虚线时,虚线之间的间隔 即“ - - - - ” --> < stroke android:width = "2dp" android:color = "#dcdcdc" /> </ shape >
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值