App03 入力と計算



# 入力と計算

## 画面

<img width="300" alt="ファイル名" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2964715/af65ac96-b80a-6132-3189-c2a10a759a21.png">

## 動作確認
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">App03 入力と計算 <a href="https://t.co/HTMjkzTiPF">pic.twitter.com/HTMjkzTiPF</a></p>&mdash; いまむら　たくま (@Imamuuu5) <a href="https://twitter.com/Imamuuu5/status/1650537244007202816?ref_src=twsrc%5Etfw">April 24, 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">#42A5F5</color>
    <color name="colorPrimaryDark">#1a73e8</color>
    <color name="colorAccent">#90CAF9</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="horizontal"

    android:gravity="center">

<EditText
    android:id="@+id/num1_edit"
    android:layout_width="80dp"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:hint="数値1"
    android:inputType="number"
    android:textSize="24sp" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="+"
    android:textSize="24sp"/>

<EditText
    android:id="@+id/num2_edit"
    android:layout_width="80dp"
    android:layout_height="wrap_content"
    android:hint="数値2"
    android:inputType="number"
    android:gravity="center"
    android:textSize="24sp"/>


<Button
    android:id="@+id/eq_btn"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:text="="
    android:textSize="24sp" />

<TextView
    android:id="@+id/result_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="結果"
    android:textSize="24sp" />

    </LinearLayout>
```
# java
## MainActivity.java

```java
package com.example.app03;

import androidx.appcompat.app.AppCompatActivity;

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

public class MainActivity extends AppCompatActivity {   // 画面用のクラスを継承

        private EditText num1Edit;      // 文字入力用のView変数
        private EditText num2Edit;      // 文字入力用のView変数
        private Button eqBtn;           // ボタンViewの変数を用意
        private TextView resultText;    // テキストViewの変数を用意

        @Override   //オーバーライドしている事を明示
        protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);             // AppCompatActivityのonCreate()を実行
                setContentView(R.layout.activity_main);         // 画面にactivity_mainを設定
                num1Edit = findViewById(R.id.num1_edit);        // num1_editというIDのViewを取得
                num2Edit = findViewById(R.id.num2_edit);        // num2_editというIDのViewを取得
                eqBtn = findViewById(R.id.eq_btn);              // eq_btnというIDのViewを取得
                resultText = findViewById(R.id.result_text);    // result_textというIDのViewを取得

                eqBtn.setOnClickListener(new View.OnClickListener() {   // eqBtnのクリック処理を定義
                        @Override
                        public void onClick(View view) {
                                int num1 = Integer.parseInt(num1Edit.getText().toString());     //num1Editの文字を取得、Stringに変換したのち、さらにintに変換して代入
                                int num2 = Integer.parseInt(num2Edit.getText().toString());     //num2Editの文字を取得、Stringに変換したのち、さらにintに変換して代入
                                resultText.setText(String.valueOf(num1+num2));  //num1とnum2の値を足し残した結果をStringに変換しresultTextに設定
                        }
                });

        }
}
```