[Android] 19. 위젯 : 에디트 텍스트(Edit Text) 와 버튼

# 에디트 텍스트(Edit Text) 와 버튼

 

 

# 에디트 텍스트(Edit Text) 와 버튼

: 사용자에게서 특정 값을 입력받기 위한 기본적인 위젯으로, 모두 View와 TextView 클래스를 상속받는다.

 

 

- 에디트 텍스트(Edit Text)

: 값을 입력받은 후 해당 값을 Kotlin 코드에서 가져와 사용하는 용도로 이용

 

ex) 일반적인 에디트 텍스트의 XML 코드

  

    
    
    
    
  
<EditText
	android:id="@+id/edittext1" />

 

 

 

- 에디트 텍스트(Edit Text)의 속성

① hint 속성

: 클릭 시 사라지는 미리보기 작성 가능

 

② inputType 속성

: 속성값에 입력되는 옵션에 따라 키보드의 모양 변경

 

+ 입력 가능한 옵션

[number]	숫자 형식
[numberPassword]	숫자로만 구성된 비밀번호 입력
[phone]	전화번호 형식
[textEmailAdress]	이메일 주소 형식 문자 입력
[date]	날짜 형식
[textUri]	URI 형식의 문자 입력
[textPassword]	비밀번호 입력
[textVisiblePassword]	비밀번호를 문자열 그대로 표시

 

 

 

- 에디트 텍스트와 Kotlin 코드 동작

① 에디트 텍스트 변수 선언

  

    
    
    
    
  
var myEdit : EditText

 

② 생성한 변수에 에디트 텍스트 위젯 대입

  

    
    
    
    
  
myEdit = findViewbyud<EditText>(R.id.edittext)

 

③ 에디트 텍스트에 입력된 값 불러오기

  

    
    
    
    
  
var myStr : String = myEdit.getText().toString()

 

 

 

- 버튼(Button)

-->  일반적인 버튼의 XML 코드는 아래와 같음

  

    
    
    
    
  
<Button
	android:id="@+id/button1"
        android:text="확인" />

 

 

 

- 버튼(Button)과 Kotlin 코드 동작

① 버튼 변수 선언

  

    
    
    
    
  
var mybutton : Button

 

② 변수에 버튼 위젯 대입

  

    
    
    
    
  
mybutton = findViewByid<Button>(R.id.button1)

 

③ 버튼 클릭 시 동작하는 람다식 정의

  

    
    
    
    
  
mybutton.setOnClickListener{ //동작 내용 }

 

 

 

ex 1) 버튼 및 에디트 텍스트 실습 1_전화번호 입력받기

activity_main.xml

 

실행 화면

 

 

 

ex 2) 버튼 및 에디트 텍스트 실습 2_계산기 앱 만들기

 

ⓘ activity_main.xml 파일을 아래와 같이 수정

 

 

② MainActivity.kt 를 아래와 같이 수정

  

    
    
    
    
  
package com.example.calculatorapp

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.EditText
import android.widget.TextView

class MainActivity : AppCompatActivity() {

    lateinit var edit1 : EditText
    lateinit var edit2 : EditText
    lateinit var btnAdd : Button
    lateinit var btnSub : Button
    lateinit var btnMul : Button
    lateinit var btnDiv : Button
    lateinit var textResult : TextView

    lateinit var num1 : String
    lateinit var num2 : String

    var result : Int? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        title = "계산기"

        edit1 = findViewById(R.id.Edit1)
        edit2 = findViewById(R.id.Edit2)
        btnAdd = findViewById(R.id.BtnAdd)
        btnSub = findViewById(R.id.BtnSub)
        btnMul = findViewById(R.id.BtnMul)
        btnDiv = findViewById(R.id.BtnDiv)
        textResult = findViewById(R.id.TextResult)

        btnAdd.setOnTouchListener { v, event ->
            num1 = edit1.text.toString()
            num2 = edit2.text.toString()
            result = Integer.parseInt(num1)+Integer.parseInt(num2)
            textResult.text = "계산 결과 : " + result.toString()
            false
        }

        btnSub.setOnTouchListener { v, event ->
            num1 = edit1.text.toString()
            num2 = edit2.text.toString()
            result = Integer.parseInt(num1)-Integer.parseInt(num2)
            textResult.text = "계산 결과 : " + result.toString()
            false
        }

        btnMul.setOnTouchListener { v, event ->
            num1 = edit1.text.toString()
            num2 = edit2.text.toString()
            result = Integer.parseInt(num1)*Integer.parseInt(num2)
            textResult.text = "계산 결과 : " + result.toString()
            false
        }

        btnDiv.setOnTouchListener { v, event ->
            num1 = edit1.text.toString()
            num2 = edit2.text.toString()
            result = Integer.parseInt(num1)/Integer.parseInt(num2)
            textResult.text = "계산 결과 : " + result.toString()
            false
        }
    }
}

 

 

③ App을 실행  -->  정상적으로 실행됨을 확인