瘋狂 Android 講義, 4/e – UI新增對應事件程式碼(新增按鈕程式碼) P43~P45

瘋狂 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

  1. Android Studio(AS)
    Android 程式碼 取得/抓取UI元件 : findViewById
    Android 程式碼 設定UI元件文字 : setText

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *