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文件 源码为:

ApiDemos src 代码

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的 一个监听也可以，写法有很多种。

  为 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

0人

了这篇文章

类别： Android ApiDemo┆阅读( 0)┆评论( 0) ┆ 返回博主首页┆ 返回博客首页

上一篇 Android 动态加载布局 下一篇 Android 桌面组件【widget】初探