安卓基礎控制元件

1.利用拖拽的方式，在界面中顯示按鍵（不建議用）

（1）打開MianActivity.java,接著把滑鼠放在activity_main中，按住ctrl按鍵并雙擊，

進入activity_main.xml中，

（2）點擊Graphical Layout，可以利用手動拖拽的方式，在界面中放置按鍵

（3）在界面中拖拽一個button按鍵，此時進入activity_main.xml，自動生成有關button按鍵的代碼，

運行效果

（4）手動拖拽實作用戶登錄界面

當實作用戶框時，可以利用復制粘貼的方式實作密碼框；拖拽Button按鍵到界面中，就可以實作Button按鍵，

（5）在MainActivity.java中呼叫上面按鍵

package com.example.bha;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        Button    b;
        EditText  e;
        TextView  t;
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}

輸入 Button b;EditText（文本編輯） e;TextView（文本框） t;三個控制元件之后，按下ctrl+shift+o進行導包

（6）布局頁面實作

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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" >

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/button1"
        android:layout_marginTop="44dp"
        android:layout_toRightOf="@+id/textView1"
        android:ems="10"
        android:inputType="textPersonName" />

    <EditText
        android:id="@+id/EditText01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/TextView01"
        android:layout_alignBottom="@+id/TextView01"
        android:layout_alignLeft="@+id/editText2"
        android:ems="10" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="169dp"
        android:text="確定" />

    <Button
        android:id="@+id/Button01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_alignRight="@+id/EditText01"
        android:layout_marginRight="38dp"
        android:text="取消" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/EditText01"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="50dp"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/editText2"
        android:layout_alignBottom="@+id/editText2"
        android:layout_toLeftOf="@+id/editText2"
        android:text="用戶" />

    <TextView
        android:id="@+id/TextView01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/button1"
        android:layout_alignLeft="@+id/textView1"
        android:layout_marginBottom="50dp"
        android:text="密碼" />

</RelativeLayout>

運行效果：

2.利用代碼實作界面

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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" >

     <RelativeLayout 
          android:layout_width="400dp"
          android:layout_height="150dp"
          android:layout_centerInParent="true"
          android:background="#ff0000"
         >
         
         <TextView 
             android:layout_marginTop="10dp"
             android:id="@+id/user"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="用戶"
             android:textSize="20dp"
             android:textColor="#ffffff"
             />
         
         <EditText 
              android:id="@+id/ed1"
              android:layout_width="320dp"
              android:layout_height="40dp"
              android:layout_toRightOf="@+id/user"
             />
          
         <TextView 
             android:id="@+id/passwd"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="密碼"
             android:layout_marginTop="20dp"
             android:textSize="20dp"
             android:layout_below="@id/user"
             android:textColor="#ffffff"
             />
         
         
          
          
          <EditText 
              android:id="@+id/ed2"
              android:layout_width="320dp"
              android:layout_height="40dp"
              android:layout_toRightOf="@+id/user"
              android:layout_alignBottom="@+id/passwd"
              android:layout_below="@id/ed1"
             />
         
          
          <Button 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content" 
              android:text="確定"
              android:layout_below="@id/ed2"
              android:layout_alignParentRight="true"
              />
          
          
     </RelativeLayout>
     
   </RelativeLayout>

android:layout_centerInParent 父控制元件的中央;

android:textSize="20dp" 字體大小
android:textColor="#ffffff" 字體顏色

android:layout_width 寬度

android:layout_height 高度

android:layout_toRightOf 控制元件的左邊緣與給定ID的控制元件右邊緣對齊;

android:layout_below 控制元件的底部置于給定ID的控制元件之下;

android:text=“ ” 輸入文字

android:layout_alignBottom 控制元件的底部邊緣與給定ID的底部邊緣對齊;

android:background="#ff0000" 背景顏色

android:layout_alignParentRight 控制元件的右部與父控制元件的右部對齊;

android:layout_marginTop 上邊距

——@上官可編程