做校服的网站,企业网站内容如何更新,渠道网络公司官网,淘宝店铺怎么装修目录 先上效果图实现方法shape属性介绍代码结果 先上效果图
这是使用AndroidStudio绘制的带有渐变色的边框背景色 实现方法
项目中由于UI设计需求#xff0c;需要给按钮、控件设置带有背景色效果的。以下是UI效果图。
这里我们使用shape属性来绘制背景效果。
shape属性介… 目录 先上效果图实现方法shape属性介绍代码结果 先上效果图
这是使用AndroidStudio绘制的带有渐变色的边框背景色 实现方法
项目中由于UI设计需求需要给按钮、控件设置带有背景色效果的。以下是UI效果图。
这里我们使用shape属性来绘制背景效果。
shape属性介绍
?xml version1.0 encodingutf-8?
shapexmlns:androidhttp://schemas.android.com/apk/res/androidandroid:shape[rectangle | oval | line | ring] // 定义形状corners //圆角属性android:radiusintegerandroid:topLeftRadiusintegerandroid:topRightRadiusintegerandroid:bottomLeftRadiusintegerandroid:bottomRightRadiusinteger /gradient //渐变属性android:angleintegerandroid:centerXintegerandroid:centerYintegerandroid:centerColorintegerandroid:endColorcolorandroid:gradientRadiusintegerandroid:startColorcolorandroid:type[linear | radial | sweep]android:useLevel[true | false] /padding //边距属性android:leftintegerandroid:topintegerandroid:rightintegerandroid:bottominteger /size //大小属性android:widthintegerandroid:heightinteger /solid //填充属性android:colorcolor /stroke //描边属性android:widthintegerandroid:colorcolorandroid:dashWidthintegerandroid:dashGapinteger /
/shapeShape可以定义控件的一些展示效果例如圆角渐变填充描边大小边距shape子标签就可以实现这些效果shape子标签有下面几个属性 corners gradient padding size solid stroke corners圆角
代码
layer-list 是用来创建 图层列表的通过它能创建出一些特殊的 drawable
?xml version1.0 encodingutf-8?
layer-list xmlns:androidhttp://schemas.android.com/apk/res/android!--顶部的渐变色--itemandroid:gravitytopshapexmlns:androidhttp://schemas.android.com/apk/res/androidandroid:shaperectanglegradientandroid:typelinearandroid:angle90android:startColor#0077b3c7android:endColor#9077b3c7android:useLevelfalse/sizeandroid:width100dpandroid:height10dp //shape/item!--左侧的渐变色--itemandroid:gravityleftshapexmlns:androidhttp://schemas.android.com/apk/res/androidandroid:shaperectanglegradientandroid:typelinearandroid:angle0android:startColor#9077b3c7android:endColor#0077b3c7android:useLevelfalse/sizeandroid:width10dpandroid:height100dp //shape/item!--右侧的渐变色--itemandroid:gravityrightshapexmlns:androidhttp://schemas.android.com/apk/res/androidgradientandroid:typelinearandroid:angle180android:startColor#9077b3c7android:endColor#0077b3c7android:useLevelfalse/sizeandroid:width10dpandroid:height100dp//shape/item!--底部的渐变色--itemandroid:gravitybottomshapexmlns:androidhttp://schemas.android.com/apk/res/androidgradientandroid:typelinearandroid:angle90android:centerX0android:centerY0android:startColor#9077b3c7android:endColor#0077b3c7android:useLevelfalse/sizeandroid:width100dpandroid:height10dp //shape/item!--边框线--itemshapexmlns:androidhttp://schemas.android.com/apk/res/androidandroid:shaperectanglestrokeandroid:width1dpandroid:colorcolor/button_text_color//shape/item
/layer-list
绘制完毕后直接到代码中引用即可
结果