Android 按钮类控件大集锦:Button ToggleButton CheckBox RadioButton

本文主要是介绍Android 按钮类控件大集锦:Button ToggleButton CheckBox RadioButton,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原文地址 

http://www.cnblogs.com/mengdd/archive/2013/01/17/2865320.html

Button

  Button的基本使用之前已经讨论过:

  http://www.cnblogs.com/mengdd/archive/2012/12/20/2826235.html

  其中介绍了两种处理点击的方法:一种是通过在布局文件中设置onClick属性;另一种是通过在程序中设置Listener。

  这两种方法对于本文中其他控件也适用,只不过第二种方法可能具体函数名称会有所变化。

  对于Button的应用补充一些内容:

  Button可以有文字的、图形的、或者文字和图形都有的。

  主要是文字的,在布局文件中声明 Button 即可;图形的,就声明为ImageButton,并且添加属性src

  比如:

<ImageButtonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/button_icon"... />

 

  如果是文字和图形都有,则使用 Button 类,但是加上android:drawableLeft 属性设置图像:

<Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/button_text"android:drawableLeft="@drawable/button_icon"... />
 

Styling Your Button

  可以设置按钮的风格和主题,这部分内容先不详述,如有兴趣可以转向文末尾的参考链接。

 

无边按钮

  加上属性style="?android:attr/borderlessButtonStyle"

  如:

复制代码
<Buttonandroid:id="@+id/button_send"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/button_send"android:onClick="sendMessage"style="?android:attr/borderlessButtonStyle" />
复制代码
 

自定义背景

  可以定义按钮各种状态对应的图片,首先需要把这些图片资源加入进来,然后在res/drawable/目录下创建一个XML文件,将状态和对应的图片绑定;最后在Button的android:background 属性中加入该XML文件的名字。

  比如:

复制代码
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/button_pressed"android:state_pressed="true" /><item android:drawable="@drawable/button_focused"android:state_focused="true" /><item android:drawable="@drawable/button_default" />
</selector>
复制代码

 

  注意到这个文件中item的顺序是很重要的,当这个drawable资源被引用时,<item>元素会按顺序被查询如果匹配立即返回,不再向后查询

  所以把默认的情况放在最后,当前面的状态都不匹配时,显示默认图像。

  

复制代码
<Buttonandroid:id="@+id/button_send"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/button_send"android:onClick="sendMessage"android:background="@drawable/button_custom"  />
复制代码

   

  drawable除了可以是图片以外,也可以是自己定义的shape,比如这个state_list其中的drawable就是自己定义的shape(当然从这个文件中是看不出来的,它们和图像的引用方式没有差别):

复制代码
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/shape_one" android:state_pressed="true"/><!-- pressed --><item android:drawable="@drawable/shape_two" android:state_focused="true"/><!-- focused --><item android:drawable="@drawable/shape_three"/><!-- default --></selector>
复制代码

  

 

  其中自定义的shape:shape_one.xml:

复制代码
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle" ><gradientandroid:angle="45"android:endColor="#80FFBBFF"android:startColor="#FFFFBB00" /><paddingandroid:bottom="7dp"android:left="7dp"android:right="7dp"android:top="7dp" /><corners android:radius="8dp" /></shape>
复制代码

 

  shape_two.xml

 

  shape_three.xml


  具体可以参见:API Guides: Drawable Resources

  http://developer.android.com/guide/topics/resources/drawable-resource.html


自定义Button字体颜色:

  根据上面的思路,字体颜色也可以采用自定义变化的方式:

  比如设置Button的属性如下:

复制代码
    <Buttonandroid:id="@+id/button"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@id/myTextView"android:background="@drawable/button_state_list"android:text="Test Button"android:textColor="@drawable/btn_text_color_state_list" />
复制代码

 

  其中btn_text_color_state_list.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="#ffff0000"/><!-- pressed --><item android:state_focused="true" android:color="#ff0000ff"/><!-- focused --><item android:color="#ff000000"/><!-- default --></selector>
复制代码


 

Toggle Buttons

  这种按钮ToggleButton只涉及两种状态的转换,Android 4.0 (API level 14)开始,引入了 Switch,可以进行滑动控制,如下图:

  

 

  可以更改android:textOnandroid:textOff属性,设置按钮状态为true和false时的文字。

 

 

复选框Checkbox

    复选框类 CheckBox 是CompoundButton类的子类,而CompoundButton类是Button类的子类,是带有选择和未选择状态的Button。

  关于实现,直接看代码吧。

 

单选按钮

  单选按钮用于从一个集合中选中一项。

  单选组将用户的可选项全部罗列出来,让用户选择一个,如果不需要全部罗列出来,可以考虑换用spinner,关于spinner的使用先不赘述。

  每一个单选按钮项是一个 RadioButton ,因为单选项目是互斥的,所以需要把它们结成组,组成 RadioGroup,系统会使得一组中每次只要一个被选中。

  RadioButton和CheckBox一样,都是CompoundButton的子类。

  而RadioGroup却继承自LinearLayout,默认是垂直布局。

 

  除了给每个RadioButton的onClick属性赋值以外(同一个函数名),还可以通过对RadioGroup设置事件监听。

  调用RadioGroup对象的setOnCheckedChangeListener方法。

 

  RadioButton不像CheckBox那样,RadioButton不可以通过二次点击来取消选择。

  但是可以通过在RadioGroup外部的按钮之类的,对整个RadioGroup进行清除,清除后,checkedId变为-1,表示没有单选按钮被选择。

  

  

程序实例

  还是看直接的例子比较简单有效:

  程序运行如下图:

  

 

 

  例子中:

  第一个按钮是无边框按钮;

  第二个按钮本来是一个小按钮,后来用于实践了自定义背景的效果,按钮被点击和获得焦点时的图片与默认图片不同;

  第三个按钮是一个ImageButton,通过这个按钮试了试长按和点击的事件;

  之后是两个Toggle Button,第一个是默认文字,添加了事件相应,第二个更改了两种状态的文字;

  之后是Check Box和Radio Group。

  这里利用了最初的第一个按钮,作为一个重置按钮,将多选和单选的状态都设置为没有选择,并且两个Toggle Button都设置为false。

 

代码

布局文件:

activity_hello_button.xml

Activity代码:

HelloButton.java

Button自定义图片效果需要的配置文件(放在res/drawable/目录下):

button_custom.xml

字符串资源文件:

strings.xml

 

 

参考资料

  API Guides: Buttons

  http://developer.android.com/guide/topics/ui/controls/button.html

  API Guides: Styles and Themes

  http://developer.android.com/guide/topics/ui/themes.html

  API Guides: Toggle Buttons

  http://developer.android.com/guide/topics/ui/controls/togglebutton.html

  API Guides: Checkboxes

  http://developer.android.com/guide/topics/ui/controls/checkbox.html

  API Guides: Radio Buttons

  http://developer.android.com/guide/topics/ui/controls/radiobutton.html

这篇关于Android 按钮类控件大集锦:Button ToggleButton CheckBox RadioButton的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1070986

相关文章

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D

Android如何获取当前CPU频率和占用率

《Android如何获取当前CPU频率和占用率》最近在优化App的性能,需要获取当前CPU视频频率和占用率,所以本文小编就来和大家总结一下如何在Android中获取当前CPU频率和占用率吧... 最近在优化 App 的性能,需要获取当前 CPU视频频率和占用率,通过查询资料,大致思路如下:目前没有标准的

Vue中动态权限到按钮的完整实现方案详解

《Vue中动态权限到按钮的完整实现方案详解》这篇文章主要为大家详细介绍了Vue如何在现有方案的基础上加入对路由的增、删、改、查权限控制,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、数据库设计扩展1.1 修改路由表(routes)1.2 修改角色与路由权限表(role_routes)二、后端接口设计

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

Android里面的Service种类以及启动方式

《Android里面的Service种类以及启动方式》Android中的Service分为前台服务和后台服务,前台服务需要亮身份牌并显示通知,后台服务则有启动方式选择,包括startService和b... 目录一句话总结:一、Service 的两种类型:1. 前台服务(必须亮身份牌)2. 后台服务(偷偷干