[Kotlin] TabLayout

build.gradle (Modult: app)

dependencies {
	implementation 'com.google.android.material:material:1.1.0'
}

TabLayout, TabItem 는 머티리얼 디자인이므로 의존성 추가

 

 

 

 

 

 

 

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

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.tabs.TabItem
            android:id="@+id/tabRed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Red" />

        <com.google.android.material.tabs.TabItem
            android:id="@+id/tabGreen"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Green" />

    </com.google.android.material.tabs.TabLayout>

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

</LinearLayout>

activity_main.xml

 

 

 

 

 

 

 

MainActivity.kt

package com.jwsoft.kotlinproject

import android.graphics.Color
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.FrameLayout
import com.google.android.material.tabs.TabLayout

class MainActivity : AppCompatActivity() {

    private lateinit var tabLayout: TabLayout
    private lateinit var frameLayout: FrameLayout

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

        frameLayout = findViewById(R.id.frameLayout)
        frameLayout.setBackgroundColor(Color.parseColor("#FFBBBB"))

        tabLayout = findViewById(R.id.tabLayout)
        tabLayout.addTab(tabLayout.newTab().setText("BLUE"))
        tabLayout.addTab(tabLayout.newTab().setText("WHITE"))
        tabLayout.addTab(tabLayout.newTab().setText("BLACK"))

        tabLayout.addOnTabSelectedListener(object: TabLayout.OnTabSelectedListener {
            override fun onTabReselected(tab: TabLayout.Tab?) {
            }

            override fun onTabUnselected(tab: TabLayout.Tab?) {
            }

            override fun onTabSelected(tab: TabLayout.Tab?) {
                when (tab!!.position) {
                    0 -> frameLayout.setBackgroundColor(Color.parseColor("#FFBBBB"))
                    1 -> frameLayout.setBackgroundColor(Color.parseColor("#BBFFBB"))
                    2 -> frameLayout.setBackgroundColor(Color.parseColor("#BBBBFF"))
                    3 -> frameLayout.setBackgroundColor(Color.WHITE)
                    4 -> frameLayout.setBackgroundColor(Color.BLACK)
                }
            }
        })

    }
}

실행 결과