瘋狂 Android 講義, 4/e – UI新增對應事件程式碼(新增按鈕程式碼) P43~P45
瘋狂 Android 講義, 4/e – UI新增對應事件程式碼(新增按鈕程式碼) P43~P45
資料來源:
https://github.com/daichangya/book/tree/master/android
https://pan.baidu.com/s/1d_xYJI0UQ_1tQzSj_V_NIg 提取码:70ch
https://www.ruyut.com/2018/12/android-studio-button-onclick.html
讀書筆記:
01.UI新增對應事件
▲在右邊的OnClick裡面輸入你想要的名稱”butt01_onClick”
▲切換到Text模式,他會多出一行android:onClick=”butt01_onClick”
02.UI事件與程式碼程式連結方法
▲游標選到你設定的名字那裡按Alt+Enter(同時按)選擇 Create ‘butt01_onClick(View)’ in ‘MainActivity’
▲滑鼠點選android:onClick=”butt01_onClick”那一行最前面的「紅色驚嘆號」選擇 Create ‘butt01_onClick(View)’ in ‘MainActivity’
03.開啟模擬器
Tools -> Device Manager -> 選擇想要的模擬器並且執行
04.執行程式
Run -> Run ‘app’
實作對應結果圖:
Android UI XML:
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > <LinearLayout android:id="@+id/LayLV01" android:layout_width="409dp" android:layout_height="729dp" android:orientation="vertical" tools:layout_editor_absoluteX="1dp" tools:layout_editor_absoluteY="1dp"> <LinearLayout android:id="@+id/LayLH01" android:layout_width="match_parent" android:layout_height="65dp" android:orientation="horizontal"> <EditText android:id="@+id/edit01" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:ems="10" android:inputType="textPersonName" android:text="Name" tools:ignore="TouchTargetSizeCheck" /> <Button android:id="@+id/butt01" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:onClick="butt01_onClick" android:text="Button" /> <Space android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /> </LinearLayout> </LinearLayout> </androidx.constraintlayout.widget.ConstraintLayout>
Android Code:
package com.example.as_test01; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.EditText; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } public void butt01_onClick(View view) { EditText edit01=findViewById(R.id.edit01); edit01.setText("HELLO Android"); } }
One thought on “瘋狂 Android 講義, 4/e – UI新增對應事件程式碼(新增按鈕程式碼) P43~P45”
Android Studio(AS)
Android 程式碼 取得/抓取UI元件 : findViewById
Android 程式碼 設定UI元件文字 : setText