常用的Android Widget组件学习①--Button and TextView

今天一上午做了一个关于Button and TextView的学习！具体如下！





这是我所建立的目录文件

首先是设定布局：main.xml中

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<Button 
android:text="This is a button" 
android:id="@+id/button" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content">
</Button>

<Button 
android:text="TextView" 
android:id="@+id/text_view_button" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content">
</Button>
</LinearLayout>

WidgetDemo.Activity里面的内容：

package com.example.widgetdemo;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class WidgetDemo extends Activity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main); 
        find_and_modify_button();
   }
    private void find_and_modify_button(){
    	Button button = (Button) findViewById(R.id.button);
		button.setOnClickListener(button_listener);
		Button text_view_button = (Button) findViewById(R.id.text_view_button);
		text_view_button.setOnClickListener(text_view_button_listener);
        
        }
	    private Button.OnClickListener button_listener=new Button.OnClickListener(){
	        @Override
	  	    public void onClick(View v) {
	  		// TODO Auto-generated method stub
	  		    setTitle("click it");	
	  	}
	  };  
	  private Button.OnClickListener text_view_button_listener = new Button.OnClickListener() {
			public void onClick(View v) {
				Intent intent = new Intent();
				intent.setClass(WidgetDemo.this, TextActivity.class);
				startActivity(intent);
			}
		};
	  
	  
	  
}

manifest.xml里面的内容：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.example.widgetdemo"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".WidgetDemo"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name="TextActivity">
        </activity>

    </application>
    <uses-sdk android:minSdkVersion="4" />

</manifest>

Text.xml中的代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView 
android:text="This is TextView,you can input anything you want" 
android:id="@+id/text_view" 
android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:textSize="16sp"
 android:padding="10dip"
 android:background="#cc0000"
 >
</TextView>
</LinearLayout>

TextActivity.java

package com.example.widgetdemo;

import android.app.Activity;

import android.os.Bundle;
import android.widget.TextView;

public class TextActivity extends Activity{
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setTitle("ViewTextActivity");
		setContentView(R.layout.text);
		find_and_modify_text_view();
	}

	private void find_and_modify_text_view() {
		TextView text_view = (TextView) findViewById(R.id.text_view);
		CharSequence text_view_old = text_view.getText();
		text_view.setText("modify:" + text_view_old
				+ "/n It can be modified.");
	}

}

运行结果：



















具体的解释如下：

一、Button介绍和应用：

首先在这个项目的主界面放一个button，这需要在main.xml里面进行布局的设置，具体代码如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<Button 
android:text="This is a button" 
android:id="@+id/button" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content">
</Button>
</LinearLayout>

代码解释：上述代码所示：在主界面中放有一个Button的按钮，并设置其宽度(layout_width)和高度(layout_height)都是根据内容(wrap_content)来调整，并设定其上面的显示文字是“This is a button”，其id的标识是button，运行界面如下：



关于如何监听并响应button的单击事件，实现代码如下：

private void find_and_modify_button(){
     Button button = (Button) findViewById(R.id.button);
  button.setOnClickListener(button_listener);
}

代码解释：首先是通过Id获取模板中的button，然后使用setOnClickListener()方法设定其被单击的监听器为button_listener，下面还需要声明一下这个button_listener，实现代码如下：

private Button.OnClickListener button_listener=new Button.OnClickListener(){
         @Override
        public void onClick(View v) {
     // TODO Auto-generated method stub
         setTitle("click it"); 
    }
   };

代码解释：上述的监听器的代码实现了button单击事件，这里用了一个setTitle将标题设置为“click it”，然后运行程序，单击按钮，就会出现下面运行结果：







二、文本框(Textview)介绍和应用
接着上面创建的button例子项目，首先在在里面添加一个button，当这个按钮被点击的时候，显示用来讲解Textview的界面，首先现在main.xml中添加一个Button的组件，并设置其id为text_view_button，实现代码如下：

<Button 
android:text="TextView" 
android:id="@+id/text_view_button" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content">
</Button>

代码解释：在主界面中放有一个Button的按钮，并设置其宽度(layout_width)和高度(layout_height)都是根据内容(wrap_content)来调整，并设定其上面的显示文字是“TextView”，其id的标识是text_view_button
然后在widgetdemo中添加对这个按钮的单击动作的监听和响应，当发生单击事件的时候，将打开TextView的演示界面，首先在find_and_modify_button方法里面添加获取text_view_button按钮的代码，如下：

Button text_view_button = (Button) findViewById(R.id.text_view_button); 
text_view_button.setOnClickListener(text_view_button_listener);

代码解释：
这里设置的监听器为text_view_button_listener，在单击的时候，需要打开新的界面，核心代码如下：

private Button.OnClickListener text_view_button_listener = new Button.OnClickListener() {
   public void onClick(View v) {
    Intent intent = new Intent();
    intent.setClass(WidgetDemo.this, TextActivity.class);
    startActivity(intent);
   }
  };

代码解释：
当单击该button时，首先创建了一个Intent，然后调用其setClass方法设定其需要跳转的Ativitity，这里所要跳转的Activity也就是TextActivity，并且调用startActivity打开这个界面。
TextActivity需要我们创建，并在其上面显示一个TextView的组件，然后修改一下onCreate方法，让其绑定到指定的面板中。实现代码如下：

public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setTitle("ViewTextActivity");
  setContentView(R.layout.text);
  find_and_modify_text_view();
 }

代码解释：我们将TextActivity关联到text.xml上，并且设置其title为ViewTextActivity，这里需要新建一个text.xml，并在其中添加一个TextView，实现代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView 
android:text="This is TextView,you can input anything you want" 
android:id="@+id/text_view" 
android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:textSize="16sp"
 android:padding="10dip"
 android:background="#cc0000"
 >
</TextView>
</LinearLayout>

代码解释：这里就是设置一些基本属性，比如字体，颜色，padding表示组件周围空隙的大小，background设定其背景颜色
做完这一切后，我们还要把刚刚新建的TextActivity添加到manifest.xml文件的<application>域内，代码如下：
<activity android:name="TextActivity"> </activity>
最后运行这个项目，在主界面单击viewText按钮，可以看到如下结果：



扩展学习：



TextView一般使用在需要显示一些信息的时候，其不能输入，只能初始设定或者在程序中修改，如果需要在程序中动态的修改这个值，那么就需要使用其Android：id的值，下面编写一个方法做一演示：代码如下：

private void find_and_modify_text_view() {
  TextView text_view = (TextView) findViewById(R.id.text_view);
  CharSequence text_view_old = text_view.getText();
  text_view.setText("modify:" + text_view_old
    + "/n It can be modified.");
 }

代码解释：
首先使用findViewById将放在main.xml的那个TextView找出来，然后调用其自身的getText方法，将其原来的值取出来保存为text_view_old,然后再使用setText修改其自身的值，运行结果为：



可以看出，动态修改textView的值非常直观和方便