shape文件圆角bug的一种解决方法

好吧，这可以说不是原创，只是总结而已。

最近项目中遇到一个问题，需要作出如下布局效果

这是两个按钮，按下时有颜色变化，本想用点九图片，但发现也不是很好布局，于是改用shape文件，其实此类扁平化的按钮效果，基本上都可以使用shape。

实现思路：

1.搞一个LinearLayout，水平的，给它设置android:background="@drawable/shapebg"，其shapebg.xml 文件如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#ffffff" />

    <corners android:radius="15dip" />

    <stroke
        android:width="1dip"
        android:color="#000000" />

</shape>

2.两边分别弄两个button（我这用textview代替），中间放一根竖线，具体代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <LinearLayout
        android:id="@+id/linear"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dip"
        android:layout_marginLeft="50dip"
        android:background="@drawable/shapebg"
        android:padding="1dip" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="80dip"
            android:layout_height="50dip"
            android:background="@drawable/shapeleftlist"
            android:gravity="center"
            android:text="同意" />

        <View
            android:layout_width="1dip"
            android:layout_height="fill_parent"
            android:layout_gravity="center_horizontal"
            android:background="#000000" />

        <TextView
            android:layout_width="80dip"
            android:layout_height="50dip"
            android:background="@drawable/shaperightlist"
            android:gravity="center"
            android:text="拒绝" />
    </LinearLayout>

</RelativeLayout>

3.两边的textview分别设置圆角即实现如下效果

代码文件为：

<TextView
        android:id="@+id/textView2"
        android:layout_width="70dip"
        android:layout_height="40dip"
        android:layout_marginLeft="44dp"
        android:layout_marginTop="39dp"
        android:gravity="center"
        android:textColor="#ffffff"
        android:background="@drawable/yj"
        android:text="TextView" />

shape文件为

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <corners
        android:topLeftRadius="10dip"
        android:topRightRadius="0dip" 
        android:bottomLeftRadius="10dip"
        android:bottomRightRadius="0dip"
       />

    <solid android:color="#456745" />

</shape>

经测试在android 3.0以下版本中，android:bottomLeftRadius，android:bottomRightRadius互换了，变成了对角的效果，如图

于是查找资料得知，此乃低版本bug，3.0以上版本已修复。但如何兼容呢，据说可以创建一个drawable-v14文件夹，此文件系统运行时高版本优先引用，正确的代码可以放到此文件夹中，其错误的文件即android:bottomLeftRadius，android:bottomRightRadius互换的文件可以放到正常的文件夹中。这种方法我没有试过，不知可不可行，然而这样总觉怪异。再次百度，发现可以使用layer-list绘制两层shape，叠加得到以上效果，这样可以避免左右下角互换的问题，代码如下

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape android:shape="rectangle" >
            <corners android:radius="15dip" />
            <solid android:color="#00000000"/>
        </shape>
    </item>
    <item android:left="15dip">
        <shape android:shape="rectangle" >
            <solid android:color="#00000000"/>
        </shape>
    </item>
</layer-list>

其原理是，先绘制一层全圆角的矩形，再在其上层覆盖一层无圆角矩形，偏移一定距离，遮盖掉右边的圆角，如此高低版本表现就一致了。