作者:李旺成
时间:2016年5月14日
这个 Hack 将介绍使用自定义形状实现圆角边框背景。
圆角矩形按钮
曾经在 iOS 上非常流行圆角矩形按钮:
在 Android 上要实现圆角矩形背景也比较简单,可以使用 .9 图片,这里介绍一种更高效,定制性更好的方案,使用自定义形状。
自定义圆角矩形背景
先看看效果:
实现很简单:
1、创建形状文件
在 res/drawable 目录下创建 button_rounded_background.xml 文件,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#0000ff"/>
<corners android:radius="15dp"/>
</shape>
简单解释:
- solid:填充
android:color指定填充的颜色 - corners:圆角
android:radius为角的弧度,值越大角越圆
使用 <shape> 可以实现很多效果,这里不展开了,感兴趣的可以参考官方文档。关于 shape 将会在 AndroidStudyDemo 系列 和 AndroidStudyDemo 分类 中写一篇详解。
2、在布局中使用
将 button_rounded_background.xml 当成普通的 drawable 资源使用即可:
<Button android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="圆角矩形按钮"
android:layout_centerInParent="true"
android:textColor="#ffffff"
android:textSize="30sp"
android:padding="10dp"
android:background="@drawable/button_rounded_background"/>
小结
好了,关于圆角矩形的实现介绍到这里,使用很简单,建议尽量使用这种方式来实现圆角矩形背景。定制性高,使用灵活。
项目地址
项目示例代码:
RoundButtonActivity.java
button_rounded_background.xml
activity_round_button.xml