探索界面UI元素(1)

     必須瞭解的Widget組件

     1.文本控件：TextView

     從這開始先介紹一些常用的Widget類，首先是TextView，它是Android中最簡單也是最重要的一個類。它的用處是向用戶簡單的顯示一些固定的字符串。

     新建Android項目，首先打開layout文件夾下的main.xml文件，在其中添加一段xml配置代碼，語法如下：

     <TextView
        android:layout_width="wrap_content"     
        android:layout_height="wrap_content"
        android:text="Hello,world!"
        android:textSize="30dip"
        android:layout_centerHorizontal="true"
        android:textColor="#E6941A"/>

     其中：android:layout_width屬性指定了TextView渲染的矩形區域的寬。

               android:layout_height屬性指定了TextView渲染的矩形區域的高。

               android:text屬性指定了TextView中顯示的文字。

               android:textSize屬性指定了TextView中文字的大小。

               android:layout_centerHorizontal屬性指定了TextView顯示位置。

               android:textColor屬性指定了TextView文本的顏色。

     完成配置之後要和java代碼關聯，創建主程序MainActivity.java,代碼如下：

      public class MainActivity extends Activity {

      @Override
      protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
     setContentView(R.layout.activity_main);
     }

     用setContentView()將這個程序與名爲main的xml文件關聯起來，運行程序，即可完成最簡單的Hello，World應用程序。

     TextView中的一些功能：

     android:textSize設置字體大小，例如：android:textSize="30dip"

     android:background設置TextView的背景色，例如：android:background="#ffffff"

     android:textColor設置TextView的字體顏色，例如： android:textColor="#E6941A"

     android:ems設置TextView寬度爲N個字符的寬度，例如：android:ems="10"

     android:lines設置TextView文本的行數，例如：android:lines="3"

     以上就是TextView 的最常見的幾個屬性。

    

     2.文字編輯：EditText

              學習完文字的顯示之後，再來學習一下文字的編輯。

              一個應用程序必然需要人機進行交互，如最簡單的一個登陸界面。我們需要在編輯框中輸入賬號、密碼、然後單擊確定按鈕，完成登錄操作。

       接下來學習常用的編輯框EditText。EditText是TextView的子類，所以基本上TextView的屬性，都可以用於EditText上，編輯如下的xml文件：

          <EditText
                 android:layout_width="wrap_content"     
                 android:layout_height="wrap_content"
                 android:id="@+id/edit"
                 android:textSize="20dp"
           />

           只要將前面的標籤換了就好了，接下來看看java部分的代碼：

                   @Override
            protected void onCreate(Bundle savedInstanceState) {
                      super.onCreate(savedInstanceState);
                      setContentView(R.layout.activity_main);
                      EditText et = (EditText) findViewById(R.id.edit);
                      et.setBackgroundColor(Color.WHITE);
                      et.setTextColor(Color.BLACK);
                   }
           當EditText獲得焦點時，會自動彈出軟鍵盤，以供用戶輸入。

        3.使用按鈕：Button

           一次人機交互都以一個按鈕的單擊事件結束，所以學習按鈕是開發中的必須。xml代碼如下：

          <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

           java部分的代碼如下：

           @Override
           protected void onCreate(Bundle savedInstanceState) {
                  super.onCreate(savedInstanceState);
                  setContentView(R.layout.activity_main);
                  Button btn = (Button) findViewById(R.id.btn);
                  btn.setOnClickListener(new OnClickListener() {
                         @Override
                         public void onClick(View v) {    
                         }
                        });
            }這裏使用View.setOnCliickListener(OnClickListener)方法設置監聽器，參數是OnClickListener接口，然後重寫onClick()方法.