XML定义实现圆角和边框

标签：

我想大多数程序员都喜欢用代码解决问题。原因如下：

1. 用代码更加cool。
2. 我美工不行，我会说出去吗？

OK，好东西在这里。

2.1 基本的圆角、边框

Android除了支持原始的图片资源外，比较棒的一点就是可以用XML文件定义一些简单的图形。这有点像web的CSS，不过相比 CSS3，Android的xml实现还没那么强大，例如，边框要么四周都有，要么四周都没有（我们将在后面讨论这事）。

要画一个带灰色边框和圆角的图形很容易，在drawable资源目录下添加一个xml：

<?xml version="1.0" encoding="utf-8"?>
<!-- shape如果不声明形状则默认为正方形 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <corners android:radius="5.0dp" />
    <!-- 圆角，你也可以对不同的角设置不同的数值 -->

    <solid android:color="#FFFFFF" />
    <!-- 形状的填充色 -->

    <stroke
        android:width="1dp"
        android:color="#CCCCCC" />
    <!-- 边框宽度和颜色 -->

</shape>

在你需要用到这东西的地方如某个View下，设置background就行了。

2.2 “自由的边框“

当前版本的Android SDK并没有给stroke提供bottom、left、right之类的属性，也就是说你无法通过它来让长方形的边框少于4条。啊，真是太遗憾了。怎么办呢？有人想到了对Layer List hack。 在StackOverflow上有不少这样的把戏。

为了实现只有left，right和top边框，我们可以这么写：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle" >
            <stroke
                android:width="1dp"
                android:color="@color/card_stroke" />
        </shape>
    </item>

    <item
        android:left="2dp"
        android:right="2dp"
        android:top="2dp">
        <!-- 在实际使用中我发现1dp达不到显示效果，而2dp正好可以显示边框 -->

        <shape android:shape="rectangle" >
            <solid android:color="@color/solid_white" />
        </shape>
    </item>
</layer-list>

原理差不多是这样：

诡异的是理论上只要偏移量只要1dp就能显示1dp宽带边框了，但我在listview里实验了一下发现不行，换成2dp方可。有同学能解释解释么？

如果要给图形加上圆角，只需要给每个shape加上

<corners
    android:topLeftRadius="5.0dip"
    android:topRightRadius="5.0dip" />

值得注意的是，两个shape的radius在设置的时候请确保前面的图层不会把后面的挡住。

XML定义实现圆角和边框

标签：

原文地址：http://www.cnblogs.com/520-1314/p/4889522.html