App01 基本的な画面作成

基本的な画面作成

画面

## 動作

app01 基本的な画面作成 pic.twitter.com/miYOJm2wYC

— いまむら　たくま (@Imamuuu5) April 21, 2023

ソースコード

カラー

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#008577</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>
</resources>

レイアウト

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

        <LinearLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

        <TextView
            android:id="@+id/text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="I"/>

        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="意味" />

        <TextView
            android:id="@+id/text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="like" />

        <Button
            android:id="@+id/btn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="意味" />
        <TextView
            android:id="@+id/text3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="basketball" />

        <Button
            android:id="@+id/btn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="意味" />
    <Button
        android:id="@+id/reset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="リセット" />

            </LinearLayout>

java

MainActivity.java

package com.example.app01;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {   // アプリ本体であるAppCompatActivityを継承

    private TextView text1;     // TextViewの変数 text1 を用意
    private TextView text2;     // TextViewの変数 text2 を用意
    private TextView text3;     // TextViewの変数 text3 を用意
    private Button btn1;        // Buttonの変数 btn1 を用意
    private Button btn2;        // Buttonの変数 btn2 を用意
    private Button btn3;
    private Button Reset;

    @Override   // オーバーライドアノテーション（このメソッドは親からオーバーライドしたものだと表す）
    protected void onCreate(Bundle savedInstanceState) {    // アプリが起動したときに呼ばれるメソッド
        super.onCreate(savedInstanceState);                 // 親クラス(AppCompatActivity)のonCreate()を実行
        setContentView(R.layout.activity_main);             // 画面にactivity_main.xmlのレイアウトを設定

        text1 = findViewById(R.id.text1);                   // text1というIDのViewを取得しtext1変数に代入
        text2 = findViewById(R.id.text2);                   // text2というIDのViewを取得しtext2変数に代入
        text3 = findViewById(R.id.text3);
        btn1 = findViewById(R.id.btn1);                     // btn1というIDのViewを取得しbtn1変数に代入
        btn2 = findViewById(R.id.btn2);                     // btn2というIDのViewを取得しbtn2変数に代入
        btn3 = findViewById(R.id.btn3);                     // btn2というIDのViewを取得しbtn2変数に代入
        Reset = findViewById(R.id.reset);

        btn1.setOnClickListener(new View.OnClickListener() {   // btn1にクリックリスナーを設定（定義も同時に行っている）
            @Override
            public void onClick(View view) {	               // 設定したViewがクリックされたら実行されるメソッド
                text1.setText("私");                           // text1のテキストを変更

            }
        });

        btn2.setOnClickListener(new View.OnClickListener() {    // btn2にクリックリスナーを設定（定義も同時に行っている）
            @Override
            public void onClick(View view) {		            // 設定したViewがクリックされたら実行されるメソッド
                text2.setText("好き");                          // text1のテキストを変更
            }
        });
        btn3.setOnClickListener(new View.OnClickListener() {    // btn3にクリックリスナーを設定（定義も同時に行っている）
            @Override
            public void onClick(View view) {		            // 設定したViewがクリックされたら実行されるメソッド
                text3.setText("バスケットボール");              // text3のテキストを変更
            }
        });
        Reset.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                text1.setText("I");
                text2.setText("like");
                text3.setText("basketball");
            }
        });

    }
}