3个按钮选一个 颜色产生变化 android button
来源:互联网 发布:xboxonex 知乎 编辑:程序博客网 时间:2024/06/06 08:50
这个是效果图
因为button的shape 不支持selected 所以这里用RadioButton
下面上代码
全部是采用xml书写
<LinearLayout 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" android:orientation="vertical" > <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@color/more_white" android:gravity="center" android:orientation="horizontal" > <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="14dp" android:layout_marginLeft="14dp" android:layout_marginRight="14dp" android:layout_marginTop="14dp" android:orientation="horizontal" > <RadioGroup android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:background="@drawable/button_background" android:orientation="horizontal" > <RadioButton android:id="@+id/teacher" android:layout_width="73dp" android:layout_height="25dp" android:layout_marginBottom="1dp" android:layout_marginLeft="1dp" android:layout_marginTop="1dp" android:background="@drawable/btn_left" android:button="@null" android:gravity="center" android:text="教师" android:textColor="@drawable/btn_color" android:textSize="14sp" /> <View android:layout_width="1dp" android:layout_height="fill_parent" android:background="@color/orange_base" /> <RadioButton android:id="@+id/parent" android:layout_width="73dp" android:layout_height="25dp" android:layout_marginBottom="1dp" android:layout_marginTop="1dp" android:background="@drawable/btn_middle" android:button="@null" android:gravity="center" android:text="家长" android:textColor="@drawable/btn_color" android:textSize="14sp" /> <View android:layout_width="1dp" android:layout_height="fill_parent" android:background="@color/orange_base" /> <RadioButton android:id="@+id/student" android:layout_width="73dp" android:layout_height="25dp" android:layout_marginBottom="1dp" android:layout_marginRight="1dp" android:layout_marginTop="1dp" android:background="@drawable/btn_right" android:button="@null" android:gravity="center" android:text="学生" android:textColor="@drawable/btn_color" android:textSize="14sp" /> </RadioGroup> <Button android:id="@+id/all" android:layout_width="73dp" android:layout_height="25dp" android:layout_alignParentRight="true" android:background="@drawable/button_base" android:gravity="center" android:text="全选" android:textColor="@drawable/btn_color" android:textSize="14sp" /> </RelativeLayout> </LinearLayout></LinearLayout>
下面是几个shape
左边
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_checked="true"> <shape > <solid android:color="@color/orange_base"/> <corners android:topLeftRadius="5dp" android:topRightRadius="0dp" android:bottomLeftRadius="5dp" android:bottomRightRadius="0dp"/> </shape> </item> <item> <shape > <solid android:color="@color/more_white"/> <corners android:topLeftRadius="5dp" android:topRightRadius="0dp" android:bottomLeftRadius="5dp" android:bottomRightRadius="0dp"/> </shape> </item></selector>
中间
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_checked="true"> <shape > <solid android:color="@color/orange_base"/> </shape> </item> <item> <shape > <solid android:color="@color/more_white"/> </shape> </item></selector>
右边
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_checked="true"> <shape > <solid android:color="@color/orange_base"/> <corners android:topLeftRadius="0dp" android:topRightRadius="5dp" android:bottomLeftRadius="0dp" android:bottomRightRadius="5dp"/> </shape> </item> <item> <shape > <solid android:color="@color/more_white"/> <corners android:topLeftRadius="0dp" android:topRightRadius="5dp" android:bottomLeftRadius="0dp" android:bottomRightRadius="5dp"/> </shape> </item></selector>
右边一个全选按钮 这个是点击的时候颜色变化 点击后颜色回复原来的颜色
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"><shape> <solid android:color="@color/orange_base" /> <corners android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp" android:topLeftRadius="5dp" android:topRightRadius="5dp" /> <stroke android:width="1dp" android:color="@color/more_white" /> </shape></item> <item><shape> <solid android:color="@color/more_white" /> <corners android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp" android:topLeftRadius="5dp" android:topRightRadius="5dp" /> <stroke android:width="1dp" android:color="@color/orange_base" /> </shape></item></selector>
这是这里面用到的btn_color.xml
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:color="@color/more_white"></item> <item android:state_checked="true" android:color="@color/more_white"></item> <item android:color="@color/orange_base"></item></selector>
<color name="more_text_color">#020202</color> <color name="more_listitem_background_color">#fdfdfc</color> <color name="more_listitem_pressed_background_color">#99fdfdfc</color> <color name="more_white">#ffffff</color> <color name="more_feedback_textcolor">#000000</color> <color name="orange_base">#f46200</color>
0 0
- 3个按钮选一个 颜色产生变化 android button
- android 按钮变化颜色
- Button 提交按钮+颜色变化选择器 shape 实现
- Android Button按钮点击变换字体颜色
- android imageButton 点击按钮前中后,按钮颜色的变化
- android imageButton 点击按钮前中后,按钮颜色的变化
- Button按钮颜色切换
- android Button 点击背景与文字颜色变化效果
- Android Button按钮点击背景和文字变化
- Android长按Button按钮,产生涟漪效果
- 控制Button字体颜色变化
- Android 通过按钮Button更改全部的TextView、EditText、Button的字体大小、字体颜色、背景颜色
- Android 通过按钮Button更改全部的TextView、EditText、Button的字体大小、字体颜色、背景颜色
- android按钮被点击文字颜色变化效果
- android按钮被点击文字颜色变化效果
- android按钮点击时文字颜色变化效果
- android按钮被点击文字颜色变化效果
- android按钮被点击文字颜色变化效果
- 从头到尾彻底解析Hash 表算法 hash+最小堆
- 【数据结构】联合union范例
- SAP中供应链协同模块(SNC)
- 线程同步与互斥量
- android时间控件TimePicker使用实例
- 3个按钮选一个 颜色产生变化 android button
- SEL 和 @selector
- 从零开始写触屏代码<高通平台>
- android:autoLink
- JDBC 理论概述
- IBM BigInsights安装中遇到的问题
- vi编辑器的用法
- Java显示系统中所有可用的字符集
- 关于主流的NoSQL数据库