android 使用Xml文件定义Shape方式
在res目录下建一个drawable文件夹,注意文件夹名字一定要是drawable,否则在xml模板中你是找不到shape的
下图就通过一个xml文件自定义一个shape
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <stroke android:width="5dp" android:color="#1f000000" /> <solid android:color="#FF0000" /> </shape>
下图是布局文件
最后运行的效果如下:
下面这个shape文件,定义一个方形
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <stroke android:width="0.5dp" android:color="#1f000000" /> <solid android:color="#ffffff" /> <corners android:radius="10dp" /> </shape>
上面的shape的效果如下:
补充知识:AndroidStudio XML文件之shape标签使用详解
前言:
shape标签可以很方便的得到一些矩形、圆、椭圆、圆环,可以实现圆角、渐变,shape编写出来的资源,可以作为View的背景,减少View使用图片作为背景图的概率,从而减少apk体积,相对比图片要更节省内存,shape标签编写出来的资源一般放到drawable文件目录下。
shape标签如何使用:
shpae标签的载体是一个xml文件,一个xml里同时只能存在一个shape标签,在shape标签里声明一些属性和嵌套标签组合起来,可以得到一个视图资源,利用该资源可以填充View的属性
示例:
<!-- 圆环-流线型渐变 --> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="ring" android:innerRadius="20dp" android:thickness="6dp" android:useLevel="false"> <size android:width="60dp" android:height="60dp" /> <!--扫描渐变shape不能设置角度 #00ff0000 #80ff0000 ffff0000 --> <gradient android:centerColor="@color/colorCyan" android:endColor="@color/colorGreen" android:startColor="@color/colorCyanine" android:type="sweep" /> </shape>
shape标签里面的属性:
android:shape="XXX"
方型:rectangle,这也是默认的形状
圆型:oval
线形:line
环形:ring,上面示例就为环形
如果android:shape="ring",以下属性定义才会生效:
android:innerRadius : 环内部(中间的孔)的半径,以dp表示
android:innerRadiusRatio : 环内部的半径,浮点型。以环宽度的比率表示。此值被 android:innerRadius覆盖。默认值为 9。
android:thickness : 环的厚度,以dp表示。
android:thicknessRatio : 环的厚度,浮点型。表示为环宽度的比率。此值被 android:innerRadius 覆盖。默认值为 3。
android:useLevel : 布尔值。如果这用作 LevelListDrawable,则此值为“true”。这通常应为“false”,否则形状不会显示。
shape标签里可以嵌套的标签:
solid标签的属性: 用于填充形状的内部颜色
android:color"XX"
corners标签的属性:为形状产生圆角。仅当形状为矩形时适用
android:radius : 所有角都进行圆角处理半径,如果有单独设置某个角,单独设置的优先级最高
android:topLeftRadius : 左上圆角
android:topRightRadius : 右上圆角
android:bottomLeftRadius : 左下圆角
android:bottomRightRadius : 右下圆角
padding标签的属性:内边距
android:left : 左内边距
android:top : 上内边距
android:right :右内边距
android:bottom :下内边距
size标签的属性:形状的大小,可以通过这里来设置形状大小
android:height="XX"
android:width="XX"
stroke标签的属性: 描边,可以是实线也可以是虚线
android:width :线宽
android:color :颜色
android:dashWidth :虚线的间距。仅在设置了 android:dashGap 时有效
android:dashGap : 虚线的厚度大小。仅在设置了 android:dashWidth 时有效
gradient标签的属性:形状渐变颜色
android:angle : 整型。渐变的角度(度)。0 为从左到右,90 为从上到上。必须是 45 的倍数。默认值为 0。
android:centerX : 浮点型。渐变颜色的位置 (0 - 1.0)。
android:centerY : 浮点型。渐变颜色的位置 (0 - 1.0)。
android:centerColor :颜色。起始颜色与结束颜色之间的可选颜色
android:endColor : 颜色。结束颜色
android:gradientRadius : 浮点型。渐变的半径。仅在 android:type="radial" 时适用。
android:startColor : 颜色。起始颜色
android:type :要应用的渐变图案的类型
linear :线性渐变。这是默认值
radial : 径向渐变。起始颜色为中心颜色。
sweep : 流线型渐变
动态创建GradientDrawable并使用:
用shape标签定义的xml,最终都会转化为GradientDrawable对象,所以创建GradientDrawable对象和定义shape文件是一样的
//创建GradientDrawable GradientDrawable gd = new GradientDrawable(); //对应形状 gd.setShape(GradientDrawable.RING); //对应内部填充颜色 gd.setColor(Color.parseColor("#FFFF0000")); //对应圆角 gd.setCornerRadius(5); //对应xml的stroke gd.setStroke(3, Color.parseColor("#FFFF0000")); //给某个view使用 view.setBackgroundDrawable(gd); //如果要设置渐变颜色,方法一 int colors[] = { 0xff255779 , 0xff3e7492, 0xffa6c0cd };//分别为开始颜色,中间夜色,结束颜色 GradientDrawable gradientDrawable = new GradientDrawable(GradientDrawable.Orientation.TOP_BOTTOM, colors); //设置中间渐变颜色的位置 gradientDrawable.setGradientCenter(1,2); //渐变type gradientDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT); //动态改变GradientDrawable的属性 GradientDrawable drawable =(GradientDrawable)view.getBackground(); drawable.setColor(fillColor); // 设置填充色 drawable.setStroke(strokeWidth, strokeColor); // 设置边框宽度和颜色 drawable.setColors(colors); // 设置渐变颜色数组
把资源文件转换成Java对象:
GradientDrawable d = (GradientDrawable) context.getResources().getDrawable(R.drawable.loading_shape); d.setColors(PublicLibraryStyle.colorThemes); bindId(R.id.iv_loading).setBackground(d);
上一篇:Android Studio 引入 aidl 文件的方法汇总
栏 目:Android代码
下一篇:浅谈Android为RecyclerView增加监听以及数据混乱的小坑
本文地址:http://www.codeinn.net/misctech/34998.html