Hacks控件篇-Hack4 为背景添加圆角边框

圆角边框背景

作者：李旺成

时间：2016年5月14日

---

这个 Hack 将介绍使用自定义形状实现圆角边框背景。

圆角矩形按钮

曾经在 iOS 上非常流行圆角矩形按钮：

iOS圆角矩形按钮

在 Android 上要实现圆角矩形背景也比较简单，可以使用 .9 图片，这里介绍一种更高效，定制性更好的方案，使用自定义形状。

自定义圆角矩形背景

先看看效果：

圆角矩形按钮

实现很简单：

1、创建形状文件
在 res/drawable 目录下创建 button_rounded_background.xml 文件，内容如下：

简单解释：

• solid：填充
  android:color指定填充的颜色
• corners：圆角
  android:radius为角的弧度，值越大角越圆

使用 可以实现很多效果，这里不展开了，感兴趣的可以参考官方文档。关于 shape 将会在 AndroidStudyDemo 系列 和 AndroidStudyDemo 分类 中写一篇详解。

2、在布局中使用
将 button_rounded_background.xml 当成普通的 drawable 资源使用即可：

小结

好了，关于圆角矩形的实现介绍到这里，使用很简单，建议尽量使用这种方式来实现圆角矩形背景。定制性高，使用灵活。

项目地址

AndroidHacks合集
控件使用篇

项目示例代码：
RoundButtonActivity.java
button_rounded_background.xml
activity_round_button.xml