实现效果:
实现很简单,把TextView的android:background属性设置成自定义的一个xml样式文件。
- android:background="@drawable/textview_style"
textview_style.xml文件里的内容:
- <?xml version="1.0" encoding="utf-8"?>
- <shape xmlns:android="http://schemas.android.com/apk/res/android">
- <solid android:color="#00FFFF" />
- <corners android:radius="15dp" /> //圆角弧度
- <padding
- android:left="5dp"
- android:top="5dp"
- android:right="5dp"
- android:bottom="5dp" /> //边界与内容的间距
- </shape>
corner android:radius属性就是圆角的设置。
//在10dp之前圆角的弧度都是会有变化的,但是之后再改大数值就一直保持在同样的弧度了
我想要实现
但是后面无论怎么改大数值都是
解决方案:
android shape的属性详解<corners
android:radius="15dp"/>不管用,改成这种
<corners
android:bottomLeftRadius="13dp"
android:bottomRightRadius="13dp"
android:topLeftRadius="13dp"
android:topRightRadius="13dp" />
shape用于设定形状,可以在selector,layout等里面使用,有6个子标签,各属性如下:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 圆角 --> <corners android:radius="9dp" android:topLeftRadius="2dp" android:topRightRadius="2dp" android:bottomLeftRadius="2dp" android:bottomRightRadius="2dp"/><!-- 设置圆角半径 --> <!-- 渐变 --> <gradient android:startColor="@android:color/white" android:centerColor="@android:color/black" android:endColor="@android:color/black" android:useLevel="true" android:angle="45" android:type="radial" android:centerX="0" android:centerY="0" android:gradientRadius="90"/> <!-- 间隔 --> <padding android:left="2dp" android:top="2dp" android:right="2dp" android:bottom="2dp"/><!-- 各方向的间隔 --> <!-- 大小 --> <size android:width="50dp" android:height="50dp"/><!-- 宽度和高度 --> <!-- 填充 --> <solid android:color="@android:color/white"/><!-- 填充的颜色 --> <!-- 描边 --> <stroke android:width="2dp" android:color="@android:color/black" android:dashWidth="1dp" android:dashGap="2dp"/> </shape>填充:设置填充的颜色
间隔:设置四个方向上的间隔
大小:设置大小
圆角:同时设置五个属性,则Radius属性无效
android:Radius="20dp" 设置四个角的半径
android:topLeftRadius="20dp" 设置左上角的半径
android:topRightRadius="20dp" 设置右上角的半径
android:bottomLeftRadius="20dp" 设置右下角的半径
android:bottomRightRadius="20dp" 设置左下角的半径描边:dashWidth和dashGap属性,只要其中一个设置为0dp,则边框为实现边框
android:width="20dp" 设置边边的宽度
android:color="@android:color/black" 设置边边的颜色
android:dashWidth="2dp" 设置虚线的宽度
android:dashGap="20dp" 设置虚线的间隔宽度渐变:当设置填充颜色后,无渐变效果。angle的值必须是45的倍数(包括0),仅在type="linear"有效,不然会报错。android:useLevel 这个属性不知道有什么用。
angle对应值的起点如图:
eg:
在我运用的过程中,设置左上角的半径 android:topLeftRadius 这样的4个属性,在xml预览的没有显示出效果,但是在真机测试中是可行的。。。。我也不知道为什么!~
描边:()只描某一个方向~ 不可与上面的一起用...
在项目中遇到这种情况:由于一些原因,自己需要用LinearLayout的垂直布局做出ListView的那种效果,但是ListView是自带了分割线的,而且顶部底部都是没有分割线的,每个item中间都是1dp宽度的分割线。我一开始是想到LinearLayout中的每个item用shape文件设置一个background,于是写了如下的shape:
<shape xmlns:android="http://schemas.android.com/apk/res/android"> <stroke android:color="#B4B4B4" android:width="1dp"/> <solid android:color="@android:color/transparent"/> </shape>
但是看了这个shape,估计大家都能想象出来效果肯定不对,因为上一个item有1dp的底边,下一个item也有1dp的底边,这样item之间的分割线就有2dp了,很难看,也不是我们要的效果。如下图效果所示:
所以要解决的问题就是,如何只保留底边的stroke呢。经过一番修改实验,使用layer-list可以解决这个问题,很简单,如下代码所示:
貌似 这个也可以:<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:top="-2dp" android:right="-2dp" android:left="-2dp"> <shape> <solid android:color="@android:color/transparent"/> <stroke android:width="1dp" android:color="#B4B4B4"/> </shape> </item> </layer-list>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 连框颜色值 -->
<item>
<shape>
<solid android:color="#CCCCCC" />
</shape>
</item>
<!-- 主体背景颜色值 -->
<item
<!-- 此处定义只有上下两边有边框 高度为1像素-->
android:bottom="1dp"
android:top="1dp">
<!--边框里面背景颜色 白色-->
<shape>
<solid android:color="#ffffff" />
</shape>
</item>
</layer-list>