란희의 바깥드로이드 모험기

EditText로 값을 입력받고 버튼을 누르면

'저의 이름은 [이름]이고 [나이]살입니다!'라는 텍스트가 아래에 출력되도록 하였다.

1. MainActivity.kt

class MainActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMainBinding
    val liveUser = MutableLiveData<User>()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        binding.apply {
            activity = this@MainActivity
            lifecycleOwner = this@MainActivity  //지정해주지 않으면 liveData가 실시간으로 변경되지 않음
        }

        binding.btnOk.setOnClickListener {
            //버튼을 누르면 EditText에서 값을 받아와서 liveData의 값을 바꿔준다.
            liveUser.value = User(binding.etName.text.toString(), binding.etAge.text.toString().toInt())
        }
    }
}

2. User.kt

class User(val name: String, val age: Int) {

}

3. activity_main.xml

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

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" >
    <data>
        <variable
            name="activity"
            type="com.monkey.databindingtest.MainActivity" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="16dp"
        tools:context=".MainActivity">

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="이름"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="@id/et_name"
            app:layout_constraintBottom_toBottomOf="@id/et_name"
            />
        <EditText
            android:id="@+id/et_name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            app:layout_constraintLeft_toRightOf="@id/tv_name"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/tv_age"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="나이"
            app:layout_constraintLeft_toLeftOf="@id/tv_name"
            app:layout_constraintTop_toTopOf="@id/et_age"
            app:layout_constraintBottom_toBottomOf="@id/et_age"
            />
        <EditText
            android:id="@+id/et_age"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:digits="0123456789"
            android:inputType="number"
            app:layout_constraintLeft_toLeftOf="@id/et_name"
            app:layout_constraintRight_toRightOf="@id/et_name"
            app:layout_constraintTop_toBottomOf="@id/et_name"
            />
        <Button
            android:id="@+id/btn_ok"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="introduce"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@id/et_age"
            />

        <TextView
            android:id="@+id/tv_result"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="#EAEAEA"
            android:text="@{`저의 이름은 ` + activity.liveUser.name + `이고 ` + activity.liveUser.age + `살 입니다!`}"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@id/btn_ok"
            app:layout_constraintBottom_toBottomOf="parent"
            />
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

실행 화면

참고 사이트

나중에 있을 스터디를 위해서 문제를 만들어 보았습니다.

답지는 아직 만들지 못했음..

혹시라도 보시는 분 중에 틀린 부분 발견하시면 있으면 말씀해주세요.

※ 네이버 부스트코스 - 코틀린 프로그래밍 기본1,2 편을 참고로 하여 만들었습니다.

강의 : 

https://www.boostcourse.org/mo132

https://www.boostcourse.org/mo234

함수를 변수에 할당하는 다양한 방법

fun main() {
  val calcSum : Int = sum(3, 5)   //(1)
  val calcSubtract : Int = calculate(::subtract, 10, 5)   //(2)
  val calcMultiply : Int = calculate(fun (a:Int, b:Int) = a * b, 3, 5)    //(3)
  val calcDivide : Int = calculate({ a, b -> a / b }, 10, 5)  //(4)

  println("sum : $calcSum" +
      "\nsubtract : $calcSubtract" +
      "\nmultiply : $calcMultiply" +
      "\ndivide : $calcDivide"
  );
}

fun sum (a: Int, b: Int) = a + b
fun subtract (a: Int, b: Int) = a - b

fun calculate (calc: (Int, Int) -> Int, a: Int, b: Int) : Int{
	return calc(a, b)
}

(2) 미리 만들어놓은 일반 함수를 인자값으로 넘길 때는 :: 을 사용한다.

(3) 익명 함수로 넘길 수도 있다

(4) 람다식으로 넘길 수도 있다

참고 : https://medium.com/@limgyumin/%EC%BD%94%ED%8B%80%EB%A6%B0-%EC%9D%98-apply-with-let-also-run-%EC%9D%80-%EC%96%B8%EC%A0%9C-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94%EA%B0%80-4a517292df29

위 다섯개의 함수는 아래의 경우에서 각기 다른 특징을 가진다.

1. 호출 형태 (리시버를 어떻게 전달하는지?)

 A. 확장함수 형태

 B. 일반함수 형태

2. 코드 블록 내에서 리시버 객체를 어떻게 호출하는지?

 A. 파라미터로 전달하였기 때문에 it 키워드로 접근

 B. 리시버 객체로 전달하였기에 this 키워드로 접근

3. 반환값이 무엇인지?

 A. 전달 받은 리시버 객체

 B. 코드 블록의 수행 결과

리시버 객체를 전달하는 방식이 두 가지가 있는데 

let, also와 같이 내부에서 it으로 접근하는 방식은 

리시버 객체를 복사하여 전달하고

run, apply, with는 객체 본인을 그대로 전달한다는 차이가 있다.

5. with

- 일반 함수로 사용 (인자가 필요함)

- 인자로 받는 객체를 블록의 리시버로 전달

- 블록의 마지막 줄을 반환

<예제>

var person : Person = Person("david", "male", "game")

var p : Person = with(person) {
    println("with01")
    printInfo(this);
    hobby = "walk"
    Person("hannah", "female", "swim")
}

println("with02")
printInfo(p)

<결과>

with01    
printInfo :: 
    name -> david
    hobby -> game
    sex -> male
with02
//마지막 줄을 반환하였기 때문에 david가 아닌 hannah가 나옴
printInfo :: 
    name -> hannah
    hobby -> swim
    sex -> female

- 세이프 콜을 지원하지 않기 때문에 NPE에 주의하여야 함 (let과 함께 사용하여 문제를 해결할 수 있음)

person?.let {
    with(it) {
        ...
    }
}

그리고 이를 run()함수를 이용하여 사용할 수 있음

person?.run() {
    ...
}