android 圆角效果
16lz
2021-12-04
最近做一个效果,要一个上边两个角为圆角,下面两个角为直角的四边形白色背景;
如下图:
这里用到了shape属性中的corners 属性,
api原文中是这样:
<corners
android:radius="integer"
android:topLeftRadius="integer"
android:topRightRadius="integer"
android:bottomLeftRadius="integer"
android:bottomRightRadius="integer" />
单一设置android:radius="integer"时,表示四个角都为integer像素的圆角;
这里我开始的时候这样设置了四个属性
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="0px"
android:bottomRightRadius="0px"/>
结果发现四个角无圆角效果,怎么找都找不到原因;
后来我想到了折中的办法,我这样设置:
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="1px"
android:bottomRightRadius="1px"/>
下面的两个角我都给1个像素的圆角效果,这样在手机上根本看不出来有圆角效果;
做出来的效果如下:
源代码如下:在drawable文件夹下,建whiterounded_half_bg.xml文件,文件内容为:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFFFF" />
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="1px"
android:bottomRightRadius="1px"/>
<padding android:left="0dp" android:top="0dp" android:right="0dp"
android:bottom="0dp" />
</shape>
然后在layout文件夹下,相应的页面中相应的位置下使用android:background="@drawable/whiterounded_half_bg"
圆角配置文件
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFFFF" />
<stroke android:width="1dp"
android:color="#CFCFCF" />
<corners android:topLeftRadius="10px"
android:topRightRadius="10px"
android:bottomLeftRadius="10px"
android:bottomRightRadius="10px"/>
<padding android:left="0sp"
android:top="2sp"
android:right="0sp"
android:bottom="2sp" />
</shape>
原文地址:http://zhaohaiyang.blog.51cto.com/2056753/533762
如下图:
这里用到了shape属性中的corners 属性,
api原文中是这样:
<corners
android:radius="integer"
android:topLeftRadius="integer"
android:topRightRadius="integer"
android:bottomLeftRadius="integer"
android:bottomRightRadius="integer" />
单一设置android:radius="integer"时,表示四个角都为integer像素的圆角;
这里我开始的时候这样设置了四个属性
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="0px"
android:bottomRightRadius="0px"/>
结果发现四个角无圆角效果,怎么找都找不到原因;
后来我想到了折中的办法,我这样设置:
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="1px"
android:bottomRightRadius="1px"/>
下面的两个角我都给1个像素的圆角效果,这样在手机上根本看不出来有圆角效果;
做出来的效果如下:
源代码如下:在drawable文件夹下,建whiterounded_half_bg.xml文件,文件内容为:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFFFF" />
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="1px"
android:bottomRightRadius="1px"/>
<padding android:left="0dp" android:top="0dp" android:right="0dp"
android:bottom="0dp" />
</shape>
然后在layout文件夹下,相应的页面中相应的位置下使用android:background="@drawable/whiterounded_half_bg"
圆角配置文件
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFFFF" />
<stroke android:width="1dp"
android:color="#CFCFCF" />
<corners android:topLeftRadius="10px"
android:topRightRadius="10px"
android:bottomLeftRadius="10px"
android:bottomRightRadius="10px"/>
<padding android:left="0sp"
android:top="2sp"
android:right="0sp"
android:bottom="2sp" />
</shape>
原文地址:http://zhaohaiyang.blog.51cto.com/2056753/533762
更多相关文章
- 【转】详解android:scaleType属性
- Android之ScrollLayout左右滑动效果实现
- Android(安卓)List divider显示不出来的问题
- android 属性个人收集 android:visibility
- Android界面基本属性
- 关于visibility的属性值visible,invisible,gone的区别
- android:layout_weight之我见
- ListView使用技巧(二):相关设置
- android布局layout中的一些属性