API Demos 2.3 学习笔记 (7)-- Views->Buttons

简介:

更多精彩内容,请点击阅读:《API Demos 2.3 学习笔记》


Buttons示例介绍了定义Button,ToggleButton的基本方法。从示例布局文件来看,主要是在线性LinearLayout中定义三个Button,其中第一个为正常的Button,而第二个通过style属性定义了一个小的Button,第三个为ToggleButton。
这里我们主要介绍下ToggleButton。这是一种具有选中和未选中两种状态的按钮,类似开关按钮。通过“android:textOn”属性来设置选中状态下按钮上显示的文本,而相应的,android:textOff”则是用来设置未选中状态下按钮上显示的文本。具体设置参考如下:
android:textOn="开"
android:textOff="关"
ToggleButton可以根据按钮状态的不同,来执行不同的响应动作。
下面主要介绍ToggleButton常用的两种监听方法:点击监听和状态改变监听
1、点击监听OnClickListener
ToggleButton的点击监听和普通Button的点击监听差不多,唯一不同的时,在响应点击时,ToggleButton会根据点击后状态的不同,来执行不同的响应动作。
        //声明ToggleButton对象  
        private ToggleButton mtoggleBtn = null;

        //通过findViewById获得ToggleButton  
        mtoggleBtn = (ToggleButton)findViewById(R.id.button_toggle);
   
        //点击监听
        mtoggleBtn.setOnClickListener(new ToggleButton.OnClickListener() {
			
			public void onClick(View v) {
				// TODO 点击按键时触发响应
				if(mtoggleBtn.isChecked()){
				//当按键被按下,处于选中状态时,执行此处定义的动作
				}
				else{
				//当按键被未被按下,处于未选中状态时,执行此处定义的动作
				}
			}
		});

2、状态改变监听OnCheckedChangeListener

当ToggleButton的状态发生改变时,即状态从选中到未选中,或者从未选中到选中时,都会触发状态改变监听事件。而在响应时,ToggleButton同样会根据改变后状态的不同,来执行不同的响应动作。普通Button不进行状态区分,也就没有状态改变监听事件。

        //声明ToggleButton对象  
        private ToggleButton mtoggleBtn = null;

        //通过findViewById获得ToggleButton  
        mtoggleBtn = (ToggleButton)findViewById(R.id.button_toggle);

        //状态改变监听
        mtoggleBtn.setOnCheckedChangeListener(new ToggleButton.OnCheckedChangeListener() {
			
			public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
				// TODO 状态改变时触发响应
				if(isChecked){
				//当按键被按下,处于选中状态时,执行此处定义的动作
				}
				else{
				//当按键被未被按下,处于未选中状态时,执行此处定义的动作
				}				
			}
        });

下面我们进行实例代码解析:

res-value-string.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="buttons_1_normal">Normal</string>
    <string name="buttons_1_small">Small</string>
    <string name="buttons_1_toggle">Toggle</string>    
</resources>


res-layout-buttons_1.xml

<?xml version="1.0" encoding="utf-8"?>

<!--很多按钮,可能需要滑动,所以需要放在ScrollView控件内部-->
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        
        <!-- 正常大小按钮 -->
        <Button android:id="@+id/button_normal"
            android:text="@string/buttons_1_normal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <!-- 小按钮 -->
        <Button android:id="@+id/button_small"
            style="?android:attr/buttonStyleSmall"
            android:text="@string/buttons_1_small"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        
        <!-- 触发按钮,通常有两种状态,代表开和关
        	 android:textOff  按钮未选中时,显示该属性定义的文本
        	 android:textOn   按钮被选中时,显示该属性定义的文本 -->       
        <ToggleButton android:id="@+id/button_toggle"
            android:text="@string/buttons_1_toggle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
            
    </LinearLayout>
    
</ScrollView>

src-com.example.android.apis.view-Buttons1.java

package com.example.android.apis.view;


import com.example.android.apis.R;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.CompoundButton;
import android.widget.ToggleButton;



public class Buttons1 extends Activity {
    //声明ToggleButton对象  
	private ToggleButton mtoggleBtn = null;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.buttons_1);
              
        //通过findViewById获得ToggleButton  
        mtoggleBtn = (ToggleButton)findViewById(R.id.button_toggle);
        
        //点击监听
        mtoggleBtn.setOnClickListener(new ToggleButton.OnClickListener() {
			
			public void onClick(View v) {
				// TODO 点击按键时触发响应
				if(mtoggleBtn.isChecked()){
					//当按键被按下,处于选中状态时,执行此处定义的动作
				}
				else{
					//当按键被未被按下,处于未选中状态时,执行此处定义的动作
				}
			}
		});
        
        //状态改变监听
        mtoggleBtn.setOnCheckedChangeListener(new ToggleButton.OnCheckedChangeListener() {
			
			public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
				// TODO 状态改变时触发响应
				if(isChecked){
					//当按键被按下,处于选中状态时,执行此处定义的动作
				}
				else{
					//当按键被未被按下,处于未选中状态时,执行此处定义的动作
				}				
			}
        });
    }
}

知识点1:style="?android:attr/buttonStyleSmall"
第二个按钮添加了此属性,表示该Button采用android系统内置的针对小按钮的样式buttonStyleSmall。从帮助文档中,我们可以看出,系统内置属性的调用格式有两种,分别为"@[+][package:]type:name" 和  "?[package:][type:]name"。 以样式buttonStyleSmall为例,套用两种格式分别为:style="@+android:attr/buttonStyleSmall" 和 style="?android:attr/buttonStyleSmall"。Button的其他样式参考如下:

int

buttonStyle

正常按钮样式

int

buttonStyleInset

插入EditText的一种Button样式

int

buttonStyleSmall

小按钮样式

int

buttonStyleToggle

ToggleButton样式

预览效果:


相关文章
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第三十天-什么是mvc-c层api 前后端联动1
前端学习笔记202305学习笔记第三十天-什么是mvc-c层api 前后端联动1
51 0
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第三十一天-什么是mvc-c层api 前后端联动3
前端学习笔记202305学习笔记第三十一天-什么是mvc-c层api 前后端联动3
41 0
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第三十一天-什么是mvc-c层api 和mvc总结3
前端学习笔记202305学习笔记第三十一天-什么是mvc-c层api 和mvc总结3
32 0
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第三十一天-什么是mvc-c层api 和mvc总结4
前端学习笔记202305学习笔记第三十一天-什么是mvc-c层api 和mvc总结
43 0
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第三十天-什么是mvc-c层api 前后端联动3
前端学习笔记202305学习笔记第三十天-什么是mvc-c层api 前后端联动3
47 0
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第三十一天-什么是mvc-c层api 和mvc总结2
前端学习笔记202305学习笔记第三十一天-什么是mvc-c层api 和mvc总结2
40 0
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第二十二天-新增修改api的封装
前端学习笔记202305学习笔记第二十二天-新增修改api的封装2
34 0
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第三十天-什么是mvc-c层api 前后端联动2
前端学习笔记202305学习笔记第三十天-什么是mvc-c层api 前后端联动2
41 0
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第二十二天-新增修改api的封装2
前端学习笔记202305学习笔记第二十二天-新增修改api的封装2
41 0
前端学习笔记202305学习笔记第二十二天-新增修改api的封装2
|
8月前
|
前端开发 API
前端学习笔记202305学习笔记第二十二天-学生列表api封装2
前端学习笔记202305学习笔记第二十二天-学生列表api封装2
32 1

热门文章

最新文章