效果图:
文章来源:https://www.toymoban.com/news/detail-553332.html
xml布局:
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="50dp"
android:gravity="center"
android:background="@color/White">
<LinearLayout
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="3dp"
android:background="@drawable/rect_gray_bg">
<Button
android:id="@+id/btnPay"
android:layout_width="80dp"
android:layout_height="30dp"
android:background="@drawable/gray_button"
android:text="支出"
android:textColor="@color/DarkGray"/>
<Button
android:id="@+id/btnIncome"
android:layout_width="80dp"
android:layout_height="30dp"
android:background="@drawable/rect_white_button"
android:textColor="@color/White"
android:text="收入"/>
<Button
android:id="@+id/btnAsset"
android:layout_width="80dp"
android:layout_height="30dp"
android:text="资产"
android:background="@drawable/gray_button"
android:textColor="@color/DarkGray"/>
</LinearLayout>
</LinearLayout>
gray_button.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@android:color/transparent" />
<corners android:radius="15dp"/>
<!-- <stroke android:width="0.5dp" android:color="@color/SkyBlue" />-->
</shape>
rect_white_button.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/SkyBlue" />
<corners android:radius="15dp"/>
<!-- <stroke android:width="0.5dp" android:color="@color/SkyBlue" />-->
</shape>
rect_gray_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/White" />
<corners android:radius="16.5dp"/>
<stroke android:width="1dp" android:color="@color/LightGray" />
</shape>
自己再实现3个按钮的点击事件即可
文章来源地址https://www.toymoban.com/news/detail-553332.html
到了这里,关于Android 中利用多个Button组合实现选项切换效果的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!