brunch

브런치북 안드로이드를 위한 코틀린 23화

라이킷 1 댓글

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 서준수 Jan 21. 2018

코틀린으로 Activity에 Text 출력하기

코틀린으로 안드로이드 개발하기

Activity에 Hello World 출력하기

코틀린으로 안드로이드 개발을 시작해보려고 합니다. 첫걸음으로 Hello World와 Hello Kotlin을 출력하고 버튼을 하나 추가하여 두 문장을 교대로 변경하도록 해보았습니다.

타입 변환을 (TextView)와 같이 할 필요없이 as 키워드로도 가능합니다. 또한 변수에 명시적으로 타입 선언을 하면 자동으로 유추되기도 합니다.

무엇보다 layout의 id를 코드에서 직접 접근이 가능한 것이 매우 편리하네요.

기억이 가물가물하여 대충 생각하는 코틀린 문법들을 이용해서 작성해봤습니다. 다시 코틀린 문법을 되새기면서 안드로이드에 어떻게 적용되는지 살펴보도록 하겠습니다.

1차 목표는 예전에 안드로이드 프로그래밍(원제: Android Programming: The Big Nerd Ranch Guide(2nd ed.)) 를 공부하면서 접한 예제를 응용하여 학습용으로 만들어두었던 국가 수도 맞추기 앱을 코틀린으로 포팅하는 것입니다.

activity_main.xml

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

<android.support.constraint.ConstraintLayout
    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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="kotlinapp.circus.com.kotlinapplication.MainActivity">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

        <TextView
            android:id="@+id/tv2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Change Sentence"/>
    </LinearLayout>
</android.support.constraint.ConstraintLayout>

MainActivity.kt

package kotlinapp.circus.com.kotlinapplication

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.TextView
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        var tv = findViewById(R.id.tv) as TextView
        tv.setText("Hello Kotlin")

        tv2.setText("Hello World")

        var button:Button = findViewById(R.id.button)
        button.setOnClickListener(View.OnClickListener {
            var temp:String? = null
            temp = tv.text.toString()
            tv.setText(tv2.text)
            tv2.setText(temp)
        })
    }
}