Develop/Kotlin

[kotlin] 코틀린 text 넣는 법

JunJangE 2021. 2. 1. 19:51

코틀린에서 text를 넣는 법에 대해 알아보도록 하겠습니다.

먼저 레이아웃에서 text를 넣고 바꾸는 방법에 대해 알아보도록 하겠습니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="감사합니다"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

이렇게 레이아웃에 Textview를 만들고 Textview에서 text부분에 자신이 원하는 text를 넣으면 됩니다.

<결과화면>

결과 화면을 보게 되면 "감사합니다."라는 text가 나오는 것을 알 수 있습니다.


다음으로는 MainActivity에서 text를 바꾸는 방법에 대해 알아보도록 하겠습니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">

    <TextView
        android:id="@+id/freedom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

우선 레이아웃에서 Textview의 id를 하나 만들어주고 MainActivity로 넘어갑니다. 위 코드에서는 id를 freedom으로 만들었습니다.

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


        var hello = "안녕하세요."

        freedom.text = hello

    }
}

변수를 하나 만들고 그 변수를 Textview에 넣으면 됩니다.

<결과화면>

결과 화면을 보게되면 "안녕하세요"라는 text가 나오는 것을 알 수 있습니다.


마지막으로 버튼을 눌렀을 때 텍스트가 바뀌는 것을 구현해 보도록 하겠습니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">

    <TextView
        android:id="@+id/freedom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        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:layout_marginTop="113dp"
        android:text="Button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

우선 버튼을 만들고 버튼의 id를 지정해주고 MainActivity로 넘어갑니다. 위 코드에서는 버튼의 id를 button으로 지정했습니다.

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        
        var number = 0

        button.setOnClickListener {
            freedom.text = number.toString()
            number++
        }
    }
}

버튼의 클릭 리스너 안에 number라는 변수를 Textview에 넣으면 됩니다. 이때 number는 정수 이기 때문에 문자열로 바꿔주기 위해서 .toString()으로 타입을 변환시켜줘야 합니다.

012
<결과화면>

결과 화면을 보게 되면 버튼을 클릭했을 때 숫자가 1씩 증가하는 것을 볼 수 있습니다.