一直想把 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

    收藏

    terry_龙

    110篇文章,218W+人气,3粉丝