Android ApiDemo 系列解析【View->Button】

    一直想把 Android 的 APIDEMO 里面的DEMO 写出来，一来可以方便自己查看，二来方便大家能够早一点切入，从基础的控件到界面布局乃至到OPEN GL 等深入知识。不过惰性使然，一直迟迟未动手，今天外面下着大雨，没心思出去，听说外面还有人拍到深圳的“双龙戏水”呵呵，跑题了。

    好了，从头开始吧，看了一下 APIDEMO 觉得先从Button 讲起然后逐步深入，对于新手或者初学的童鞋帮助会大一点，那么我们开始吧，讲解大纲。

ApiDemos 中运行的效果

 

 

• 1、本篇讲述点在 ApiDemos 位置。
• 2、为Button 添加系统样式。
• 3、额外扩展。

1、本篇讲述点在 ApiDemos 位置

•  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;

public class Buttons1 extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.buttons_1);
    }
}

 

• res 文件
  layout 下的 buttons_1.xml 文件， 源码为：
  

<?xml version="1.0" encoding="utf-8"?>
 
 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        
        <!-- Regular sized buttons -->
        <Button android:id="@+id/button_normal"
            android:text="@string/buttons_1_normal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <!-- Small buttons -->
        <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" />

        <ToggleButton android:id="@+id/button_toggle"
            android:text="@string/buttons_1_toggle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
            
    </LinearLayout>
    
</ScrollView>

 

2、为Button 添加系统样式

    从 ApiDemos 中看到第二个Button 为一个 style  的样式属性，此属性为通过调用系统的内置样式文件设置 Button 的大小。

    格式为：“?[package:][type:]name” ，Constant Value 为 16842825 (0x01010049) 。docs 文件解释为：

 

上面的XML中，定义了三个 Button 。依次往下看，第一个为普通 Button ，第二个是一个加了 Style 的 Button ，第三个为 ToggleButton 看名字可以看出来，是一个做开关作用的按钮，作用为在两种状态中来回切换。

3、额外扩展

由于 ApiDemos 中对 Button 的介绍较少，在这里我将加一些内容进来，以便开始学的朋友能够较早的使用 Button 做一些你想做的事情，当然我所说的就是交互。内容如下：

• 1、如何在 布局中找到 View 即你要的按钮
• 2、为 Button 添加事件监听
• 3、为 Button 添加按上按下切换图片效果
• 4、为 ToggleButton 添加状态改变事件监听

 

1、如何在 布局中找到 View 即你要的按钮

 

代码如下:

 

    void findView() {
        normal = (Button) findViewById(R.id.button_normal);
        small = (Button) findViewById(R.id.button_small);
        btn = (ToggleButton) findViewById(R.id.button_toggle);
    }

 

Tip: 所查找的 VIEW 必须 是当前setConteView 方法的布局文件下的VIEW ，如果查找的另外一个XML布局的VIEW 将会报空指针。这点对于新手来说要记住，如果你要在当前布局中查找另外XML的VIEW 将会在后续的文章一一揭晓。

2、为 Button 添加事件监听
代码如下:

 

void setOnclick(Button btn) {
        btn.setOnClickListener(new OnClickListener() {

            public void onClick(View v) {
                // TODO Auto-generated method stub
                switch (v.getId()) {
                case R.id.button_normal:
                    setTitle("点击了普通按钮");
                    break;
                case R.id.button_small:
                    setTitle("点击小按钮");
                    break;

                default:
                    break;
                }
            }
        });

    }

 

Tip:在这里用了一个方法，通过点击的view 来判断我点击是哪个按钮，当然你也可以直接获取button 然后通过button的onclick监听直接new 一个监听也可以，写法有很多种。

 为 Button 添加按上按下切换图片效果
代码如下：

void setOnTouch(final Button btn) {
        btn.setOnTouchListener(new OnTouchListener() {

            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                switch (event.getAction()) {
                case MotionEvent.ACTION_UP:
                    btn.setBackgroundResource(R.drawable.add);
                    break;
                case MotionEvent.ACTION_DOWN:
                    btn.setBackgroundResource(R.drawable.add_user);
                    break;

                default:
                    break;
                }
                return false;
            }
        });
    }

 

Tip:记住在 Android 中你如果想要为 诸如 LinearLayout 等布局文件设置onTouch事件貌似不会激发MotionEvent.ACTION_UP 事件，在Button 和ImageButton是可以实现的，此功能可以为按钮做按上换图片换下换图片的交互效果。

 为 ToggleButton 添加状态改变事件监听
代码如下：

btn.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            public void onCheckedChanged(CompoundButton buttonView,
                    boolean isChecked) {
                // TODO Auto-generated method stub
                if (isChecked) {
                    setTitle("选中");
                } else {
                    setTitle("反选");
                }
            }
        });

 

Ok，第一篇到此为止，本篇为开头篇希望多多提意见。
运行效果：


源码下载：/Files/TerryBlog/Button.rar