App01 基本的な画面作成



# 基本的な画面作成 
## 画面


<img width="300" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2964715/f0e2644b-9f13-b254-76d4-437f96083517.png">
## 動作
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">app01 基本的な画面作成 <a href="https://t.co/miYOJm2wYC">pic.twitter.com/miYOJm2wYC</a></p>&mdash; いまむら　たくま (@Imamuuu5) <a href="https://twitter.com/Imamuuu5/status/1649274279450800128?ref_src=twsrc%5Etfw">April 21, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>



# ソースコード
## カラー
###  colors.xml

```java 
<?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
```java
<?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

```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");
            }
        });

    }
}
```