(原创)安卓自定义shape方法

来源:互联网 发布:魔兽世界更新传输数据 编辑:程序博客网 时间:2024/06/16 08:35

开发中经常要给Button或者textview定义一些特殊背景

比如加背景颜色,边框或者圆角弧度等。比如下面这种效果:


这种情况怎么做呢?

主要有两种方式,下面做分别介绍

1 xml文件中定义

首先打开res的drawable文件夹右击,弹出如下界面


选择第一个选项后弹出如下对话框,上面是你定义的shape属性文件名,下面要记得选择shape



shape定义完就可以在控件的background里面使用了

这里分享一段代码,是shape所有属性作用的介绍

<!--    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:radius="8dp"        android:topLeftRadius="5dp"        android:topRightRadius="15dp"        android:bottomLeftRadius="20dp"        android:bottomRightRadius="25dp"    />    <!--        渐变色        android:startColor  颜色值                      起始颜色       android:endColor    颜色值                       结束颜色       android:centerColor 整型                        渐变中间颜色,即开始颜色与结束颜色之间的颜色       android:angle       整型                        渐变角度(PS:当angle=0时,渐变色是从左向右。 然后逆时针方向转,当angle=90时为从下往上。angle必须为45的整数倍)       android:type        ["linear" | "radial" | "sweep"] 渐变类型(取值:linearradialsweep)                           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:startColor="#FFFF0000"        android:endColor="#80FF00FF"        android:angle="45"    />    <!--         内边距,即内容与边的距离         android:left      整型 左内边距        android:top    整型 上内边距        android:right      整型 右内边距        android:bottom     整型 下内边距      -->    <padding        android:left="10dp"        android:top="10dp"        android:right="10dp"        android:bottom="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>

下面介绍定义shape的第二种方式:代码方式、
在布局中,我们经常应用Shape来进行一些布局的优化,但有时候我们需要在代码中来进行修改我们引用的Shape.很简单,代码如下:
1 首先得到布局或者控件的对象
RelativeLayout groupRankLayout = (RelativeLayout) findViewById(R.id.group_rank_layout);
2 得到布局或者控件的背景shape对象
GradientDrawable mGroupDrawable= (GradientDrawable) groupRankLayout.getBackground();
3对这个对象进行相关设置即可
/*设置边框颜色和宽度*/ 
mGroupDrawable.setStroke(1, getResources().getColor(R.color.bar_select_color)); 
/*设置整体背景颜色*/ 
mGroupDrawable.setColor(getResources().getColor(R.color.bar_select_color)); 
/*设置圆角*/ 
mGroupDrawable.setCornerRadius();
最后注意一点
这种方式只能用于background引用于Shape的情况下,像Selector和layer-list文件的时候则会出现问题
关于shape的属性说明和两种定义方法就介绍到这里了,谢谢查看!