[App Examples] 앱 페이지 연결과 이동하는 방법: 버튼을 활용한 페이지 연결, 이동

페이지 연결하기: 버튼을 활용한 페이지 연결

---

애플리케이션 개발에 있어서 페이지 이동은 기본적인 기능이다.

버튼을 통한 페이지 연결과 이동을 살펴보자.

 

MainActivity.kt는 첫 번째 페이지를 의미한다.

Page2.kt는 첫번째 페이지에서 버튼을 클릭하여 나오는 다음 페이지를 의미한다.

 

<MainActivity.kt>

import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button

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

        val secondActivityBtn: Button = findViewById (R.id.secondActivityBtn)

        secondActivityBtn.setOnClickListener() {
            val intent = Intent(this, Page2::class.java)
            startActivity(intent)
        }
        }
    }

<activity_main.xml>

<?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">

    <Button
        android:id="@+id/secondActivityBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Page 2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

 

<Page2.kt>

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

class Page2 : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_page2)
    }
}

<activity_page2.xml>

<?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=".Page2">

</androidx.constraintlayout.widget.ConstraintLayout>