Android 中利用多个Button组合实现选项切换效果

这篇具有很好参考价值的文章主要介绍了Android 中利用多个Button组合实现选项切换效果。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

效果图:

Android 中利用多个Button组合实现选项切换效果,Android,Java,android,选项切换,Button,布局

 Android 中利用多个Button组合实现选项切换效果,Android,Java,android,选项切换,Button,布局

 Android 中利用多个Button组合实现选项切换效果,Android,Java,android,选项切换,Button,布局 

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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android studio APK切换多个摄像头(Camera2)

    1.先设置camera的权限 2.布局 3.主界面代码 这部分代码是用来授权AndroidManifest.xml里面权限的第三方sdk代码 效果:

    2024年02月11日
    浏览(51)
  • PostgreSQL里实现计算多个数字的排列组合

    在进行排列组合的时候,每一次需要知道是否有重复的值,并过滤出已经排列过的值。这个可以创建支持可变参数的函数来实现。下边的函数用到了聚合判断,并且可变参数使用variadic标记的数组。 然后是如何使用这个函数结合查询语句对一组数据进行排列组合。 先创建一个

    2024年02月21日
    浏览(32)
  • Angular实现一个简单的带tabs选项卡切换的首页导航功能

    Angular版本:16.1.1  项目结构: angular.json配置:  package.json: tsconfig.app.json: tsconfig.json: styles.scss全局样式表清除部分默认样式 一、ng命令添加4个页面组件(tabs,tab1,tab2,tab3,info),angular会自动把组件导入到app.module.ts中 二、在app.component.html里添加路由占位标签,根据路由规则,

    2024年02月12日
    浏览(42)
  • 【微信小程序】使用button组件来实现一个带有点击效果的按钮,按钮中间添加一个大的+号图标

    在微信小程序中,你可以使用 button 组件来实现一个带有点击效果的按钮,并在按钮中间添加一个大的+号图标。以下是一个示例代码: 在上述代码中,我们使用了微信小程序的 button 组件,并在其中添加了一个 text 组件,文本内容为+号。使用类名为 button 的样式设置了按钮的

    2024年02月16日
    浏览(61)
  • vue el-table的每行操作el-button添加单独的loading效果实现

    实现就这么简单,一目了然。 你的压力来源于无法自律,只是假装努力,现状跟不上内心的欲望,所以你焦虑又恐惧。

    2024年02月13日
    浏览(55)
  • Android studio实现Button界面跳转

    本教程以界面 MainActivity 跳转到 TwoActivity 为例 MainActivity对应layout:R.layout.activity_main TwoActivity*对应layout:R.layout.twolayout 1. 建立MainActivity的java文件 2. 建立MainActivity的layout xml文件:activity_main 。。。根据自身需求自身建立。。。。 3. 建立TwoActivity的layout xml文件:twolayout 。。。

    2024年02月14日
    浏览(39)
  • 通过环境变量实现多个JDK切换

    前文:          由于jdk版本需要升级为jdk17,因为jdk8比较常用且稳定,本人又不想卸载掉安装的jdk8,在经过查找资料后找到了可以通过修改环境变量在本地任意切换jdk版本 环境变量配置         网上教程一堆,直接跳过了,这里主要说明怎么通过配置环境变量切换 电脑-属性-高级

    2024年02月05日
    浏览(44)
  • css如何实现点击切换效果

    1.在你要放一组的html标签中加入 tabindex标记 2.css中使用focus点击后样式更改 效果 如此便可简单实现点击切换样式效果

    2024年02月12日
    浏览(48)
  • python tkinter多个软件界面切换功能实现

    python tkinter多个软件界面切换功能实现 小程序的实现采用python中的tkinter创建主窗口,切换窗口采用tkinter模块的的frame窗口控件进行创建,通过不同的按键调用显示不同的操作界面。操作界面的显示使用try…except…finally进行显示。思路:在tkinter中想要实现多个界面的切换,需

    2024年01月22日
    浏览(44)
  • 使用JavaScript实现页面滑动切换效果

      使用JavaScript实现页面滑动切换效果 在现代Web页面设计中,页面滑动切换效果已经成为了一种常见的设计要求,能够提升用户体验,增加页面的交互性。本文将通过JavaScript来实现这一效果。 首先,我们需要在HTML中添加一些基础结构和样式。以下是一个简单的例子:   在

    2024年02月13日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包