吳老師教學部落格(痞客邦分站)

主要是延續HelloWorld按鈕範例，

改為多按鈕，可以顯示在 EditText 中，也可以清除數字，

重點在使用 LinerLayout 來排版 XML檔，

設計好介面之後，再來轉寫程式，以符合MVC的架構，

最後補充多國語系設計，讓不同國家使用者，

都能看到自己區域的語系。

以下有些分享畫面分享：

畫面XML：

1.方向

2.TextView設定

3.按鈕版形

完整教學：

介面：

xmlns:android="http://schemas.android.com/apk/res/android"

   xmlns:tools="http://schemas.android.com/tools"

   android:id="@+id/LinearLayout1"

   android:layout_width="match_parent"

   android:layout_height="match_parent"

   android:orientation="vertical"

   android:paddingBottom="@dimen/activity_vertical_margin"

   android:paddingLeft="@dimen/activity_horizontal_margin"

   android:paddingRight="@dimen/activity_horizontal_margin"

   android:paddingTop="@dimen/activity_vertical_margin"

   tools:context=".MainActivity" >

       android:id="@+id/txtShow"

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       android:text="電話號碼："

       android:textAppearance="?android:attr/textAppearanceLarge"

       android:textColor="#00FF00"

       android:textSize="30sp" />

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       android:gravity="center" >        

           android:id="@+id/b01"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="1" />

           android:id="@+id/b02"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="2" />

           android:id="@+id/b03"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="3" />

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       android:gravity="center" >

           android:id="@+id/b04"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="4" />

           android:id="@+id/b05"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="5" />

           android:id="@+id/b06"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="6" />

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       android:gravity="center" >

           android:id="@+id/b07"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="7" />

           android:id="@+id/b08"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="8" />

           android:id="@+id/b09"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="9" />

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       android:gravity="center" >

           android:id="@+id/b10"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="*" />

           android:id="@+id/b00"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="0" />

           android:id="@+id/b11"

           android:layout_width="50dp"

           android:layout_height="wrap_content"

           android:text="#" />

       android:id="@+id/bClear"

       android:layout_width="150dp"

       android:layout_height="wrap_content"

       android:layout_gravity="center"

       android:text="清除" />

程式設計：

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

public class MainActivity extends Activity {

  //1.宣告物件

  TextView txtShow;

  Button b00,b01,b02,b03,b04,b05,b06,b07,b08,b09,b10,b11,bClear;

  @Override

  protected void onCreate(Bundle savedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

      //2.連結元件

      txtShow=(TextView) this.findViewById(R.id.txtShow);

      b00=(Button) this.findViewById(R.id.b00);

      b01=(Button) this.findViewById(R.id.b01);

      b02=(Button) this.findViewById(R.id.b02);

      b03=(Button) this.findViewById(R.id.b03);

      b04=(Button) this.findViewById(R.id.b04);

      b05=(Button) this.findViewById(R.id.b05);

      b06=(Button) this.findViewById(R.id.b06);

      b07=(Button) this.findViewById(R.id.b07);

      b08=(Button) this.findViewById(R.id.b08);

      b09=(Button) this.findViewById(R.id.b09);

      b10=(Button) this.findViewById(R.id.b10);

      b11=(Button) this.findViewById(R.id.b11);

      bClear=(Button) this.findViewById(R.id.bClear);

      //3.建立事件

      b00.setOnClickListener(new View.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"0");

          }});

      b01.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"1");

          }});

      b02.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"2");

          }});

      b03.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"3");

          }});

      b04.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"4");

          }});

      b05.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"5");

          }});

      b06.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"6");

          }});

      b07.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"7");

          }});

      b08.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"8");

          }});

      b09.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"9");

          }});

      b10.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"*");

          }});

      b11.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              txtShow.setText(S+"#");

          }});

      bClear.setOnClickListener(new Button.OnClickListener(){

          @Override

          public void onClick(View v) {

              // TODO 自動產生的方法 Stub

              String S=txtShow.getText().toString();

              if (S.length()>5){

                  txtShow.setText(S.substring(0, S.length()-1));

              }

          }});

  }

}

**補充多國語系設計