模拟QQ上面的导航按钮

你的名字 2022-07-13 12:47 139阅读 0赞

在做项目的时候，用到了类似QQ最上面的按钮切换的模式，所以我就自己写了一下：

代码如下：

1.首先是布局页面：我用的是radioGroup和两个radioButton

2.让后早drawable文件：button\_check.xml

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:state_checked="true" android:drawable="@color/button_cl"></item>
        <item android:state_checked="false" android:drawable="@drawable/buttonstyle"></item>
    </selector>

3.在button\_check中引用了：

<?xml version="1.0" encoding="UTF-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
         <item>
               <shape>
                    <solid android:color="#fff" />
              </shape>
         </item>
         
         <item android:bottom="1dp" android:right="1dp"
             android:left="1dp" android:top="1dp">
              <shape>
                   <solid android:color="#309cfc" />
                    <padding android:bottom="5dp"
                         android:left="5dp"
                         android:right="5dp"
                         android:top="5dp" />
              </shape>
         </item>
    </layer-list

这个是设置边框的颜色，

剩下点击切换内容就需要自己在代码中根据自己的需求来写了;

下面是一张效果图，感觉不错的可以直接用，写的不对的地方希望大家多多指教，