当前位置: 代码迷 >> Android >> Android 使用shape作图控件背景
  详细解决方案

Android 使用shape作图控件背景

热度:76   发布时间:2016-04-24 11:56:03.0
Android 使用shape绘制控件背景

偶尔用到文本框,编辑框,按钮等需要加上纯色的圆角矩形背景,这个时候可以使用shape来定义各种形状。shape可以定义:矩形 rectangle;椭圆 oval;线 line;环 ring。可以在selector,layout等里面使用,有6个子标签。可以在drawable下new Android XML File,Root Element 选择shape。

?

stroke标签:

color:边框颜色?

width:边框宽度?

dashWidth:虚线框的宽度?

dashGap:虚线之间的空隙的宽度

?

其中,当dashGap=0dp时,为实线

关于4.0以上设备虚线会变实线的问题,网上搜索解决方案为:可以把硬件加速关了

line.setLayerType(View.LAYER_TYPE_SOFTWARE, null);?

android:layerType="software"?

?

solid属性:

color:填充颜色

?

corners属性:

radius:四个角的半径?

topRightRadius:右上角的半径?

bottomLeftRadius:右下角的半径?

topLeftRadius:左上角的半径?

bottomRightRadius:左下角的半径

?

gradient属性:

startColor:其实颜色?

centerColor:中间颜色?

endColor:结束颜色?

centerX:中间颜色的相对X坐标(0 -- 1)?

centerY:中间颜色的相对Y坐标(0 -- 1)?

useLevel:(true/false), 是否用作LevelListDrawable的标志?

angle是渐变角度,必须为45的整数倍。0从左到右,90从下到上,180从右到左,270从上到下?

type:渐变模式。 默认线性渐变,可以指定渐变为radial(径向渐变)或者sweep(类似雷达扫描的形式)?

gradientRadius:渐变半径,径向渐变需指定半径。?

?

padding属性:

left:左内边距?

top:上内边距?

right:右内边距?

bottom:下内边距?

?

size属性:

width:宽?

height:高

?

效果图:

?

?

圆角虚线框:

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <!-- <solid android:color="#7bc3fd" /> -->    <!-- 圆角 -->    <corners android:radius="10dp" />    <!-- 虚线框 -->    <stroke        android:dashGap="3dp"        android:dashWidth="6dp"        android:width="2dp"        android:color="#7bc3fd" /></shape>

?

虚线:

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="line" >    <size android:height="2dp"/>    <stroke        android:dashGap="3dp"        android:dashWidth="6dp"        android:width="2dp"        android:color="#7bc3fd" /></shape>

?

圆角渐变框:

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <corners        android:bottomLeftRadius="10dp"        android:bottomRightRadius="10dp"        android:radius="10dp"        android:topLeftRadius="10dp"        android:topRightRadius="10dp" />    <stroke        android:width="2dp"        android:color="#ffffff" />    <gradient        android:angle="270"        android:endColor="#1c1cea"        android:startColor="#bebeea" /></shape>
  相关解决方案