动手去实现一个页面切换TabView

首先上效果图

颜色切换就不提了，首先考虑两侧按钮的圆角，左侧应是左上、左下圆角，右侧反之，于是

左侧Shape文件中

<corners
    android:bottomLeftRadius="5dp"
    android:bottomRightRadius="0dp"
    android:topLeftRadius="5dp"
    android:topRightRadius="0dp" />

右侧Shape文件中

<corners
    android:bottomLeftRadius="0dp"
    android:bottomRightRadius="5dp"
    android:topLeftRadius="0dp"
    android:topRightRadius="5dp" />

当然这个角度可以选择自己顺眼的

然后考虑描边，左侧应为上下左描边，右侧应为上下右描边，当初是这样考虑的，虽然出来的效果并不好

先考虑如何实现吧，描边还可以指定哪条边吗？ 可以这样去实现！

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="0dp"
        android:left="0dp"
        android:right="-1dp"
        android:top="0dp">
        <shape>
            <!-- 描边颜色 -->
            <stroke
                android:width="1dp"
                android:color="#a6a6a6" />
            <!-- 中间的背景色 -->
            <solid android:color="#FFFFFF" />
            <!-- 直角设置四个角的角度 -->
            <corners
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="0dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="0dp" />
        </shape>
    </item>
</layer-list>

使用layer-list ，虽说描边没有变化，但是我们可以选择把不需要的部分去掉

这样通过四个配置文件就可以实现这样的一个控件

这里只是提出了思路，有需要的话自己去实现。

有时间的话我可能会将其做成一个控件发到 github

那本篇文章到此结束，谢谢浏览。