1,Corners
【1】Corners标签是用来字义圆角的,其中radius与其它四个并不能共同使用。
【2】android:radius:定义四个角的的圆角半径。
【3】其它四个是逐个字义每个角的圆角半径。
<corners //定义圆角 android:radius="dimension" //全部的圆角半径 android:topLeftRadius="dimension" //左上角的圆角半径 android:topRightRadius="dimension" //右上角的圆角半径 android:bottomLeftRadius="dimension" //左下角的圆角半径 android:bottomRightRadius="dimension" /> //右下角的圆角半径
讯享网
2,Demo1
在res/drawable文件夹下定义Shape文件
讯享网<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <corners android:radius="20dip"/> <solid android:color="#ffff00"/> </shape>
layout布局文件中的View,使用background 调用资源文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:layout_width="100dp" android:layout_height="100dp" android:layout_margin="50dip" android:text="@string/hello_world" android:background="@drawable/shape_radius"/> </RelativeLayout>
Demo2: 四个角均为圆角
讯享网<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <!-- rectangle表示为矩形 --> <!-- 填充的颜色 --> <solid android:color="@color/blue" /> <!-- 边框的颜色和粗细 --> <stroke android:width="1dp" android:color="@color/blue" /> <!-- android:radius 圆角的半径 --> <corners android:radius="2dp" /> </shape>
通过以上代码设置成布局的background即可实现布局四个角均为圆角.
一般情况下上面就可以满足我们的需求, 那么如果我们不想它四个角都为圆角该怎么办?
Demo3:只要顶部两个角为圆角
细心的朋友可能会发现, <corners>标签中其实可以分别设置每个角的圆角.如以下代码
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <!-- rectangle表示为矩形 --> <!-- 填充的颜色 --> <solid android:color="@color/blue" /> <!-- 边框的颜色和粗细 --> <stroke android:width="1dp" android:color="@color/blue" /> <!-- android:radius 圆角的半径 --> <corners android:topLeftRadius="8dp" android:topRightRadius="8dp" android:bottomRightRadius="0dp" android:bottomLeftRadius="0dp" /> </shape>
哇, 是不是好简单, 但实际情况并不能达到你想要的效果,你会发现它还是会4个角都圆角, 对! 这就是一个坑..
那么重点来了_ ,先来看看正确实现的代码
讯享网<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <!-- rectangle表示为矩形 --> <!-- 填充的颜色 --> <solid android:color="@color/blue" /> <!-- 边框的颜色和粗细 --> <stroke android:width="1dp" android:color="@color/blue" /> <!-- android:radius 圆角的半径 --> <corners android:radius="2dp" //关键点 android:topLeftRadius="8dp" android:topRightRadius="8dp" android:bottomRightRadius="0dp" android:bottomLeftRadius="0dp" /> </shape>
注: 可能android studio 预览效果还是4个圆角, 但实际运行是满足的, 毕竟是官方文档给出的解决方案~
对, 没错, 就是多了一行android:radius="2dp", 这里引申出两个知识点, 希望大家以后可以注意一下:
- 在设置圆角时,圆角半径的大小必须大于1,否则是没有圆角效果的
- 如果你想单独设置某几个角是圆角, 你必须首先声明 radius 属性(必须大于1), 然后在其他四个角的属性中设置每个角的实际想要的半径大小, 不想圆角的设置为("0dp").
参考链接:https://www.jianshu.com/p/c1d55c92e36c

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/43752.html