Android UI控制元件系列：Button（按鈕）

apkbus發表於2014-12-04
AndroidUI控制元件

Button，就是按鈕，是android中應用最多的元件之一，Button有兩種用法，一種是XML中配置，另一種是在程式中直接使用

在XML佈局檔案裡，會遇到如下一些單位

px：是螢幕的畫素點
in：英寸
mm：毫米
pt：磅，1/72 英寸
dp：一個基於density的抽象單位，如果一個160dpi的螢幕，1dp=1px
dip：等同於dp
sp：同dp相似，但還會根據使用者的字型大小偏好來縮放。

建議使用sp作為文字的單位，其它用dip

例1：在XML中佈局，這樣來設定控制元件以後修改起來會更方便，也符合了MVC模式

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"
    >
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="這是個Button示例"
    />
<Button
        android:layout_width="fill_parent"------充滿父控制元件
        android:layout_height="wrap_content"------充滿內容
        android:id="@+id/button1"----設定button的ID
        android:text="按鈕一"    ------設定按鈕的文字顯示資訊，也可以用string
/>
<Button
        android:layout_width="150dip"---按鈕二的寬度
        android:layout_height="30dip"---按鈕二的高度
        android:background="#aa00aa"---設定按鈕背景顏色
        android:textColor="#00aa00"---設定按鈕二里的文字顏色
        android:layout_gravity="center"---設定控制元件居中顯示，注意：android:gravity="center"表是文字在控制元件中居中顯示
        android:id="@+id/button2"
        android:text="按鈕二"
/>
</LinearLayout>

TestButton.java原始碼

package org.loulijun.button;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

public class TestButton extends Activity {
    /** Called when the activity is first created. */
        private Button btn1,btn2;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        btn1=(Button)findViewById(R.id.button1);---獲得父控制元件id
        btn2=(Button)findViewById(R.id.button2);
        //為控制元件設定監聽，當點選了按鈕一，就彈出一個提示，當點選按鈕二，退出程式
        btn1.setOnClickListener(new Button.OnClickListener()
        {

                        @Override
                        public void onClick(View arg0) {
                                // TODO Auto-generated method stub
                                Toast toast=Toast.makeText(TestButton.this, "你點選了按鈕"+btn1.getText().toString(), Toast.LENGTH_SHORT);
                                toast.setGravity(Gravity.TOP,0,150);
                                toast.show();
                        }

        });
        btn2.setOnClickListener(new Button.OnClickListener()
        {

                        @Override
                        public void onClick(View v) {
                                // TODO Auto-generated method stub
                                TestButton.this.finish();
                        }

        });
    }
}

執行結果：

11.gif

22.gif

當然，也可以直接在程式中使用相應的方法來這是Button的相應屬性

public class TestButton extends Activity{
private Button btn1,btn2;
public void onCreate(Bundle savedInstanceState)
{
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        btn1=(Button)findViewById(R.id.button1);
        btn2=(Button)findViewById(R.id.button2);
        btn1.setWidth(150);--設定按鈕寬度，當然也可以用setHeight()來設定高度
        btn2.setWidth(100);
        btn1.setText("按鈕一");---設定按鈕文字顯示資訊
        btn2.setText("安妮二");
        btn1.setTextColor(Color.GREEN);---設定按鈕內文字顏色
        btn2.setTextColor(Color.RED);
        btn1.setTextSize(30);---設定按鈕內文字大小
        btn2.setTextSize(20);
        btn2.setBackgroundColor(Color.RED);---設定按鈕背景顏色
}
}

相關文章