Android Studio 按鈕 Button 教學(內有影片)

Button 是在初學Android 一定會接觸到的元件
Button 是當使用者按下按鈕時
呈現開發者所撰寫的反應


程式碼

第一個方法

在activity_main.xml給定當前的Layout id
再到MainActivity.java內宣告
取得Layout
就可以透過new的方式把一個Button加到Layout

MainActivity.java 內新增不須再XML內宣告

Button button = new Button(this);
button.setText("按鈕");RelativeLayout relativeLayout = (RelativeLayout) findViewById(R.id.relativelayout);
relativeLayout.addView(button);

執行畫面

第二個方法

跟用程式碼建置是相同的

可是這樣在布局上不好做
所以可以用第二個方法

activity_main.xml 內新增

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按鈕"
     />

圖片按鈕

圖片的按鈕兩種呈現方式

第一種

activity_main.xml 

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableLeft="@mipmap/ic_launcher"
    android:text="按鈕"
     />

設定圖片

 android:drawableLeft="@mipmap/ic_launcher"

mipmap是圖片路徑 ic_launcher試圖片名稱

找不到可看下圖

執行畫面

第二種

把Button元件替換為ImageButton

activity_main.xml 

<ImageButton
    android:id="@+id/imageButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@mipmap/ic_launcher"
  />

設定圖片路徑

android:src="@mipmap/ic_launcher"

執行畫面

按鈕事件

接下來就要教大家如何撰寫按鈕事件

按鈕事件一樣有兩種方法

第一種

在XML建立按下Alt+Enter 自動生成

非常簡單

activity_main.xml

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:onClick="butClick"
    android:text="按鈕"
     />

加入onClick 

    android:onClick="butClick"

游標點到android:onClick="butClick"的位置按下Alt+Enter

會跳出如下圖

選擇Create'butClick(View)'in'MainActivity'

他就會自動創建butClick至MainActivity

如下圖

MainActivity.java

第二種

第二種是比較常見的做法

先在 activity_main.xml 的button 給它一個 id(代號)

<Button
    android:id="@+id/btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按鈕"
     />

這裡我們把id取為btn(可自行定義)

    android:id="@+id/btn"
接著到MainActivity.java來設定事件

MainActivity.java
Button button = (Button) findViewById(R.id.btn);
button.setOnClickListener(new View.OnClickListener() {
    @Override    public void onClick(View v) {
        Toast.makeText(MainActivity.this, "Hi", Toast.LENGTH_SHORT).show(); 
    }
});
執行畫面





教學展示影片




以上就是簡單的介紹了Button基本操作了。