[Kotlin] FrameLayout

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btnRed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="RED"
            android:textSize="24dp"
            android:onClick="onClick"/>

        <Button
            android:id="@+id/btnGreen"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="GREEN"
            android:textSize="24dp"
            android:onClick="onClick"/>

        <Button
            android:id="@+id/btnBlue"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="BLUE"
            android:textSize="24dp"
            android:onClick="onClick"/>

    </LinearLayout>

    <FrameLayout
        android:id="@+id/frameLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:id="@+id/linearRed"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:background="#FFBBBB"/>

        <LinearLayout
            android:id="@+id/linearGreen"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:background="#BBFFBB"/>

        <LinearLayout
            android:id="@+id/linearBlue"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:background="#BBBBFF"/>

    </FrameLayout>

</LinearLayout>

activity_main.xml

 

 

 

 

 

 

 

MainActivity.kt

package com.jwsoft.kotlinproject

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.LinearLayout

class MainActivity : AppCompatActivity(), View.OnClickListener {

    private lateinit var btnRed: Button
    private lateinit var btnGreen: Button
    private lateinit var btnBlue: Button
    private lateinit var linearRed: LinearLayout
    private lateinit var linearGreen: LinearLayout
    private lateinit var linearBlue: LinearLayout

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

        btnRed = findViewById(R.id.btnRed)
        btnGreen = findViewById(R.id.btnGreen)
        btnBlue = findViewById(R.id.btnBlue)
        linearRed = findViewById(R.id.linearRed)
        linearGreen = findViewById(R.id.linearGreen)
        linearBlue = findViewById(R.id.linearBlue)
    }

    override fun onClick(v: View?) {
        linearRed.visibility = View.INVISIBLE
        linearGreen.visibility = View.INVISIBLE
        linearBlue.visibility = View.INVISIBLE

        when (v) {
            btnRed -> {
                linearRed.visibility = View.VISIBLE
            }
            btnGreen -> {
                linearGreen.visibility = View.VISIBLE
            }
            btnBlue -> {
                linearBlue.visibility = View.VISIBLE
            }
        }
    }

}

실행 결과

 

RED 버튼 클릭 후

GREEN 버튼 클릭 후

 

BLUE 버튼 클릭 후