Android零基礎入門第19節：Button使用詳解

時間 2019-11-13

標籤 android 零基礎入門 button 使用詳解欄目 Android 简体版

原文原文鏈接

Button（按鈕）是Android開發中使用很是頻繁的組件，主要是在UI界面上生成一個按鈕，該按鈕能夠供用戶單擊，當用戶單擊按鈕時，按鈕會觸發一個onClick點擊事件。java

1、Button簡介

Button使用起來比較容易，能夠經過指定android:background 屬性爲按鈕增長背景顏色或背景圖片，若是將背景圖片設爲不規則的背景圖片，則能夠開發出各類不規則形狀的按鈕。android

若是隻是使用普通的背景顏色或背景圖片，那麼這些背景是固定的，不會隨着用戶的動做而改變。若是須要讓按鈕的背景顏色、背景圖片隨用戶動做動態改變，則能夠考慮使用自定義Drawable對象來實現，該部份內容會在高級開發部分進行詳細講解。c#

Button派生出來的子類主要有CheckBox、RadioButton、ToggleButton、Switch幾個，均可直接使用Button支持的各類屬性和方法，後續會進行學習。微信

2、Button示例

接下來經過一個簡單的示例程序來學習Button的常見用法。架構

首先從網上下載兩張圖片素材，而後放到res/drawable/目錄下，在到res/layout/目錄下建立一個button_layout.xml文件，而後在其中填充以下代碼片斷：app

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <!-- 普通文字按鈕 -->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="普通按鈕"
        android:textSize="16sp"
        android:textColor="#ff00ff"/>

    <!-- 圖片按鈕-->
    <Button
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:background="@drawable/play"  />

    <!-- 帶文字的圖片按鈕-->
    <Button
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:background="@drawable/button"
        android:textSize="18sp"
        android:text="開始"/>

    </LinearLayout>

上界面佈局中的第一個按鈕是一個普通按鈕；ide

第二個按鈕經過background屬性配置了背景圖片，所以該按鈕將會顯示爲背景圖片形狀的按鈕；佈局

第三個按鈕綜合了文字顯示和背景圖片，所以該按鈕將會顯示爲背景圖片上帶文字的按鈕。學習

而後修改一下app/src/java/MainActivity.java文件中加載的佈局文件爲新建的button_layout.xml文件。運行程序，能夠看到下圖所示界面效果。優化

經過上面的示例，大致知道如何建立Button，那麼接下來經過一個綜合示例來繼續學習如何使用Button和EditText這兩個組件。

3、綜合示例

到res/layout/目錄下建立一個login.xml文件，而後在其中填充以下代碼片斷：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="用戶名:"
        android:textSize="16sp"/>
    <EditText
        android:id="@+id/name_et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="請輸入用戶名" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="密碼:"
        android:textSize="16sp"/>
    <EditText
        android:id="@+id/pwd_et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="請輸入密碼"
        android:inputType="textPassword"/>

    <Button
        android:id="@+id/login_btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登陸"/>

</LinearLayout>

而後修改一下app/src/java/MainActivity.java文件中加載的佈局文件爲新建的login.xml文件。爲了監聽登陸按鈕的點擊事件，在Java代碼中爲其添加點擊事件監聽器，具體代碼以下：

public class MainActivity extends AppCompatActivity {
    private EditText mNameEt = null; // 用戶名輸入框
    private EditText mPasswordEt = null; // 密碼輸入框
    private Button mLoginBtn = null; // 登陸按鈕

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


       // 獲取界面組件
        mNameEt = (EditText) findViewById(R.id.name_et);
        mPasswordEt = (EditText) findViewById(R.id.pwd_et);
        mLoginBtn = (Button) findViewById(R.id.login_btn);

        // 爲登陸按鈕綁定點擊事件
        mLoginBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // 獲取用戶輸入的用戶名和密碼
                String name = mNameEt.getText().toString();
                String password = mPasswordEt.getText().toString();

                // 消息提示
                Toast.makeText(MainActivity.this,
                        "用戶名：" + name + "\n密碼：" + password, Toast.LENGTH_SHORT).show();
            }
        });
    }
}