android学习---Button

Button

　　Button继承了TextView。它的功能就是提供一个按钮，这个按钮可以供用户点击，当用户对按钮进行操作的时候，触发相应事件，如点击，触摸。

　　还有一个ImageButton，它继承自Button，可以在ImageButton中显示一个图片展示给用户看，并且对其Text属性设置值的时候是无效的，其它功能与Button一样。

常用事件

　　一般对于一个按钮而言，用的最多的就是点击事件，Button间接继承自View，而AndroidUI中的所有事件，都是定义在View中的。在本篇博客中，示例讲解的点击事件、触摸事件，其他事件的使用方式与此类似，只是触发的时机不同而已。此处分别需要实现View.OnClickListener、View.OnTouchListener接口的方法。

• View.OnClickListener，需要实现onClick(View v)方法，其中v为当前触发事件的控件。
• View.OnTouchListener，需要实现onTouch(View v , MotionEvent event)，其中v为当前触发事件的控件，event包括了触摸时的具体内容，如移动、按下等。

　　下面使用一个示例讲解一下事件的绑定及触发，在示例中显示两个按钮控件，一个为普通按钮，一个为填充图片的按钮，为它们绑定click事件，当点击事件触发的时候，对其尺寸进行修改，为图片按钮绑定触摸事件，当触摸的时候触发，切换图片显示。

button 按钮的焦点变化

package com.leaf.android;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnFocusChangeListener;
import android.view.View.OnKeyListener;
import android.view.View.OnTouchListener;
import android.widget.Button;

public class Main extends Activity implements OnClickListener, OnTouchListener,
        OnFocusChangeListener, OnKeyListener {
    /** Called when the activity is first created. */

    private int value = 1;// 用于改变按钮的大小
    private Button commonbutton;
    private Button imagebutton;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        commonbutton = (Button) this.findViewById(R.id.commonbutton);
        imagebutton = (Button) this.findViewById(R.id.imagebutton);
        commonbutton.setOnClickListener(this);
        imagebutton.setOnClickListener(this);
        imagebutton.setOnTouchListener(this);
        imagebutton.setOnFocusChangeListener(this);
        imagebutton.setOnKeyListener(this);

    }

    public void onClick(View v) {
        // TODO Auto-generated method stub
        Button button = (Button) v;
        if (value == 1
                && button.getWidth() == getWindowManager().getDefaultDisplay()
                        .getWidth()) {
            value = -1;
        } else if (value == -1 && button.getWidth() < 100) {
            value = 1;
        }
        button.setWidth(button.getWidth() + (int) (button.getWidth() * 0.1)
                * value);
        button.setHeight(button.getWidth() + (int) (button.getHeight() * 0.1)
                * value);

    }

    public boolean onKey(View v, int keyCode, KeyEvent event) {
        // TODO Auto-generated method stub
        if (KeyEvent.ACTION_DOWN == event.getAction()) {
            v.setBackgroundResource(R.drawable.button2);
        }
        return false;
        
    }

    public void onFocusChange(View v, boolean hasFocus) {
        // TODO Auto-generated method stub
        if (hasFocus) {
            imagebutton.setBackgroundResource(R.drawable.button2);
        }
    }
    
    public boolean onTouch(View v, MotionEvent event) {
        // TODO Auto-generated method stub
        if (event.getAction() == MotionEvent.ACTION_UP) {
            v.setBackgroundResource(R.drawable.button1);
            
        }else if (event.getAction() == MotionEvent.ACTION_DOWN) {
            v.setBackgroundResource(R.drawable.button2);
        }
        return false;
    }

}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/commonbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我的按钮一" />

    <Button
        android:id="@+id/imagebutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button1"
        android:gravity="center"
        android:text="按钮" />

</LinearLayout>

Button事件监听器

　　Button的常用事件监听器有以下一些：

　　button.setOnClickListener();//点击事件监听器

　　button.setOnTouchListener();//触摸事件监听器

　　button.setOnFocusChangeListener();//焦点状态改变事件监听器

　　button.setOnKeyListener();//按键事件监听器

　　button.setOnLongClickListener();//常压事件监听器

效果：

图文混排的按钮

 　对于在实际项目中，经常会需要设置按钮展示为图文混排的效果，这样可以通过图表更直观的把按钮的功能展示给用户，又可以有简短的文字说明。虽然ImageButton也可以实现图片按钮的效果，但是对于ImageButton而言，设置Text属性是没有作用的，所以这里不讲解ImageButton的使用。对于Button控件，图文混排需要用到一个android:drawableXxx属性（Xxx为图片所在按钮的方向），这个属性配合android:text，就可以实现图文混排的效果。

package com.leaf.android;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.style.DynamicDrawableSpan;
import android.text.style.ImageSpan;
import android.widget.Button;

public class Main extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        Button button = (Button) this.findViewById(R.id.button);

        SpannableString spannableStringLeft = new SpannableString("Left");
        Bitmap bitmapLeft = BitmapFactory.decodeResource(getResources(),
                R.drawable.button1);
        ImageSpan imageSpanLeft = new ImageSpan(bitmapLeft,
                DynamicDrawableSpan.ALIGN_BOTTOM);
        spannableStringLeft.setSpan(imageSpanLeft, 0, 4,
                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        SpannableString spannableStringRight = new SpannableString("Right");
        Bitmap bitmapRight = BitmapFactory.decodeResource(getResources(),
                R.drawable.button2);
        ImageSpan imageSpanRight = new ImageSpan(bitmapRight);
        spannableStringRight.setSpan(imageSpanRight, 0, 5,
                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        button.append(spannableStringLeft);
        button.append("我的按钮");
        button.append(spannableStringRight);

    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:orientation="vertical">

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent" android:layout_height="120dp"
        android:orientation="horizontal">

        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:drawableTop="@drawable/button3"
            android:text="按钮1">
        </Button>

        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:drawablePadding="30dp"
            android:drawableTop="@drawable/button3" android:text="按钮2">
        </Button>

        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:drawableLeft="@drawable/button3"
            android:text="按钮3">
        </Button>

        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:drawableRight="@drawable/button3"
            android:text="按钮4">
        </Button>
    </LinearLayout>

    <Button android:layout_width="200dp" android:layout_height="200dp"
        android:id="@+id/button" android:layout_marginTop="10dp">
    </Button>

</LinearLayout>