계산기 앱(어플) 만들기

일단 매인엑티비티의 xml파일을 이런 식으로 만들어 봅시다.

입력1이나 입력2는 만들 필요없고, EditText 2개, 버튼 4개(더하기, 빼기, 곱하기, 나누기), TextView 한 개만 있으면 됩니다.

필요하시다면 저의 xml 소스를 참조하세요. (아래의 문장을 클릭하면 보입니다)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity__main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.geon6.a170122_calculator.Activity_Main"
    android:orientation="vertical">
 
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:paddingBottom="5dp"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:paddingTop="5dp">
 
        <TextView
            android:layout_width="80dp"
            android:layout_height="match_parent"
            android:text="입력1"
            android:textSize="20dp"
            android:id="@+id/tv1"/>
 
        <EditText
            android:layout_toRightOf="@+id/tv1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:inputType="number"
            android:textSize="20dp"
            android:id="@+id/in1" />
    </RelativeLayout>
 
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:paddingBottom="5dp"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:paddingTop="5dp">
 
        <TextView
            android:layout_width="80dp"
            android:layout_height="match_parent"
            android:text="입력2"
            android:textSize="20dp"
            android:id="@+id/tv2"/>
 
        <EditText
            android:layout_toRightOf="@+id/tv2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:inputType="number"
            android:textSize="20dp"
            android:id="@+id/in2" />
    </RelativeLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:orientation="horizontal">
 
        <Button
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="더히기"
            android:onClick="Clicked_Button1"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="빼기"
            android:onClick="Clicked_Button2"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="곱하기"
            android:onClick="Clicked_Button3"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="나누기"
            android:onClick="Clicked_Button4"/>
    </LinearLayout>
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="입력하세요"
        android:textSize="40dp"
        android:id="@+id/out"/>
 
</LinearLayout>
 

저는 EditText 2개의 id를 "in1", "in2"라 하였고, TextView의 id는 "out"으로 지정하였습니다.

또한 더하기 버튼 클릭시 Clicked_Button1을,

곱하기 버튼 클릭시 Clicked_Button2를 호출합니다.

이제 우리는 메인엑티비티의 java파일로 가서 Clicked_Button1(), Clicked_Button2()... 4의 함수를 만들 겁니다.

Clicked_Button1()을 다음과 같이 만듭니다.

public void Clicked_Button1(View v){
    EditText num1=(EditText)findViewById(R.id.in1);
    EditText num2=(EditText)findViewById(R.id.in2);
    TextView res=(TextView)findViewById(R.id.out);
    int n1=Integer.parseInt(num1.getText().toString());
    int n2=Integer.parseInt(num2.getText().toString());
    res.setText(Integer.toString(n1+n2));
}

(EditText)num1은 in1을 (EditText)num2는 in2를 가르킵니다.

또한 (TextView)res는 아까 만든 xml파일의 TextView를 가리키죠.

(int)n1과 n2는 num1과 num2를 int로 변환합니다. (연산을 하기위해 이 작업을 합니다)

n1+n2의 값을 xml파일의 TextView의 text로 지정하면 끝

Clicked_Button2(), Clicked_Button3(), Clicked_Button4()도 이와 같은 원리로 만듭니다.

Clicked_Button1()을 만드셨다면 나머지 함수들도 충분히 만들 수 있으므로 다른 함수들의 소스는 최대한 보시지 마시길....

아래 문장을 클릭하면 java파일의 코드를 볼 수 있습니다.

package com.example.geon6.a170122_calculator;
 
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;
 
public class Activity_Main extends AppCompatActivity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity__main);
    }
 
    public void Clicked_Button1(View v){
        EditText num1=(EditText)findViewById(R.id.in1);
        EditText num2=(EditText)findViewById(R.id.in2);
        TextView res=(TextView)findViewById(R.id.out);
        int n1=Integer.parseInt(num1.getText().toString()), n2=Integer.parseInt(num2.getText().toString());
        res.setText(Integer.toString(n1+n2));
    }
 
    public void Clicked_Button2(View v){
        EditText num1=(EditText)findViewById(R.id.in1);
        EditText num2=(EditText)findViewById(R.id.in2);
        TextView res=(TextView)findViewById(R.id.out);
        int n1=Integer.parseInt(num1.getText().toString()), n2=Integer.parseInt(num2.getText().toString());
        res.setText(Integer.toString(n1-n2));
    }
 
    public void Clicked_Button3(View v){
        EditText num1=(EditText)findViewById(R.id.in1);
        EditText num2=(EditText)findViewById(R.id.in2);
        TextView res=(TextView)findViewById(R.id.out);
        int n1=Integer.parseInt(num1.getText().toString()), n2=Integer.parseInt(num2.getText().toString());
        res.setText(Integer.toString(n1*n2));
    }
 
    public void Clicked_Button4(View v){
        EditText num1=(EditText)findViewById(R.id.in1);
        EditText num2=(EditText)findViewById(R.id.in2);
        TextView res=(TextView)findViewById(R.id.out);
        int n1=Integer.parseInt(num1.getText().toString()), n2=Integer.parseInt(num2.getText().toString());
        res.setText(Integer.toString(n1/n2));
    }
}
 

이를 다 완성하고 실행하면 다음 화면을 보실 수 있습니다.