[UI] Context Menu 사용법

View를 롱 터치하면 컨텍스트 메뉴가 생성되고 View근처에 뜨게 된다.

컨텍스트 메뉴를 사용하기 위해 View.onCreateContextMenuListener인터페이스를 구현( onCreateContextMenu메서드)

뷰에 setOnCreateContextMenuListener(구현객체)로 등록

롱 터치시 구현객체의 onCreateContextMenu메서드가 호출되어 컨텍스트 메뉴가 호출된다.

Activity의 onContextItemSelected를 오버라이딩 ( 컨텍스트 메뉴의 메뉴아이템이 선택되면 호출된다 )

---

1. 관련된 View의 메서드들과 인터페이스

 

• setOnCreateContextMenuListener 

setOnClickListener를 통해 리스너를 등록하고 뷰가 클릭이 되면

View.OnClickListener구현객체의 onClick에 구현해놓은 내용이 호출되었다.

 

마찬가지로 setOnCreateContextMenuListener도 뷰가 롱 터치되면

View.OnCreateContextMenuListener구현객체의 onCreateContextMenu가 호출되어 컨텍스트 메뉴를 생성한다.

---

• View.OnCreateContextMenuListener 인터페이스의 onCreateContextMenu메서드

뷰에 컨텍스트메뉴 리스너를 설정하고 롱터치가 발생하면 onCreateContextMenu메서드가 호출되는데 

여기서 적절한 컨텍스트 메뉴를 생성해주면 된다.

abstract fun onCreateContextMenu( menu: ContextMenu!, v: View!, menuInfo: ContextMenu.ContextMenuInfo! ): Unit menu- 현재 만들어질 컨텍스트 메뉴
v- 어떤 뷰를 위해 컨텍스트 메뉴를 생성하고 있는지( 롱 터치된 뷰)
menuInfo- 컨텍스트 메뉴의 메뉴 아이템 추가 정보. v에 따라 다르다.

onCreateContextMenu{
//뷰에 따라 생성해야할 컨텍스트 메뉴가 다르다면
    if(뷰1){
    	//메뉴1.xml 인플레이션
    }
    if(뷰2){
    	//메뉴2.xml 인플레이션
    }
}

Activity또한 View.OnCreateContextMenuListener를 구현했기 떄문에

Activity에서 onCreateContextMenu메서드를 오버라이딩한후 

뷰.setOnCreateContextMenuListener( this //액티비티) 로 사용할 수 있다.

---

2. 관련된 Activity의 메서드들

• onCreateContextMenu 메서드(롱 터치시 onCreateContextMenu를 통해 컨텍스트 메뉴가 만들어지고 화면 출력됨)

Activity는 View.OnCreateContextMenuListener를 구현하고 있다.

다음과 같은 방식으로 View에 컨텍스트 메뉴 리스너를 등록할 수 있다.

 

MainActivity

//MainActivity

//리스너 메서드 구현
override fun onCreateContextMenu(...){}

onStart메서드 {
	뷰1.setOnCreateContextListener(this)
    	뷰2.setOnCreateContextListener(this)
}

onStop메서드{
	뷰1.setOnCreateContextListener(null)
    	뷰2.setOnCreateContextListener(null)
}

뷰1, 뷰2는 이제 롱 클릭이 되면 액티비티에 구현된 onCreateContextMenu가 호출되어 컨텍스트 메뉴가 생성된다.

 

RecyclerView의 itemView에 컨텍스트 메뉴를 사용하려면 

ViewHolder 생성자 내에서 따로 리스너를 만들어 사용할 수 있다.

 

---

• registerForContextMenu(view), unregisterForContextMenu(view)

바로 위의 뷰1.setOnCreateContextListener(this)는 registerForContextMenu(뷰1)과 동일하다.

 

Activity.java

Activity의 구현체를 리스너로 설정할 수도있으며, 직접 객체를 만들어서 리스너를 설정할 수도있다.

 

View가 롱 터치되고 설정된 리스너의 콜백 메서드 onCreateContextMenu를 통해 컨텍스트 메뉴를 만들게 된다.

작업이 끝나면 컨텍스트 메뉴가 화면에 출력되고 사용자가 아이템을 선택하면 onContextItemSelected메서드가 호출된다.

 

---

• onContextItemSelected(item: MenuItem) : Boolean

만들어진 컨텍스트 메뉴안의 메뉴 아이템이 선택되면 호출된다.

---

• onContextMenuClosed(menu: Menu): Unit

컨텍스트 메뉴가 화면에 보이는 상태에서 메뉴 아이템이 선택되지 않고 back버튼, 또는 컨텍스트 메뉴 바깥의 공간을 터치하면 호출된다.

---

테스트 

 

context_menu1.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/context_menu_item1"
        android:title="컨텍스트 메뉴 아이템1" />
    <item
        android:id="@+id/context_menu_item2"
        android:title="컨텍스트 메뉴 아이템2" />
    <item
        android:id="@+id/context_menu_item3"
        android:title="컨텍스트 메뉴 아이템3" />
    <item
        android:id="@+id/context_menu_item4"
        android:title="컨텍스트 메뉴 아이템4" />
    <item
        android:id="@+id/context_menu_item5"
        android:title="컨텍스트 메뉴 아이템5"/>

</menu>

---

context_menu2.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/context_menu2_item1"
        android:title="컨텍스트 메뉴2 아이템1" />
    <item
        android:id="@+id/context_menu2_item2"
        android:title="컨텍스트 메뉴2 아이템2" />
    <item
        android:id="@+id/context_menu2_item3"
        android:title="컨텍스트 메뉴2 아이템3" />
    <item
        android:id="@+id/context_menu2_item4"
        android:title="컨텍스트 메뉴2 아이템4" />
    <item
        android:id="@+id/context_menu2_item5"
        android:title="컨텍스트 메뉴2 아이템5"/>

</menu>

---

activity_test.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=".TestActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#e2e2e2"
        android:gravity="center"
        android:text="타입1"
        app:layout_constraintBottom_toTopOf="@+id/textView2"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.497"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#e2e2e2"
        android:gravity="center"
        android:text="타입2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

</androidx.constraintlayout.widget.ConstraintLayout>

 

TestActivity.kt

package com.source.ui.contextmenutext

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.view.*
import android.widget.TextView
import android.widget.Toast

class TestActivity : AppCompatActivity() {

    lateinit private var textView: TextView
    lateinit private var textView2: TextView

    private fun log(str: String) { //로그 출력
        Log.d("ContextMenu", str)
    }

    private fun toast(str: String) { //토스트 출력
        Toast.makeText(this, str, Toast.LENGTH_SHORT).show()
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        log("onCreate")
        setContentView(R.layout.activity_test)
        textView = findViewById<TextView>(R.id.textView)
        textView2 = findViewById<TextView>(R.id.textView2)
    }

    override fun onStart() { //리스너 등록 -
        super.onStart()
        log("onStart")

        registerForContextMenu(textView) //Activity method
        //= textView.setOnCreateContextMenuListener(this)
        registerForContextMenu(textView2) //Activity method
        //= textView2.setOnCreateContextMenuListener(this)
    }

    override fun onStop() { //리스너 해제
        super.onStop()
        log("onStop")

        unregisterForContextMenu(textView)
        //= textView.setOnCreateContextMenuListener(null)
        unregisterForContextMenu(textView2)
        //= textView2.setOnCreateContextMenuListener(null)
    }

    //Activity implements View.OnCreateContextMenuListener
    override fun onCreateContextMenu(menu: ContextMenu?, v: View?, menuInfo: ContextMenu.ContextMenuInfo?) { //롱 터치시 호출됨-> 컨텍스트 메뉴 생성
        super.onCreateContextMenu(menu, v, menuInfo)
        log("onCreateContextMenu")

        val menuInflater = this.getMenuInflater()
        if (v != null) { //View에 따라 분기
            if (v.id == R.id.textView) {
                menuInflater.inflate(R.menu.context_menu1, menu)
            }
            if (v.id == R.id.textView2) {
                menuInflater.inflate(R.menu.context_menu2, menu)
            }
        } else {
            Toast.makeText(this, "onCreateContextMenu View parameter is null", Toast.LENGTH_SHORT).show()
        }
    }
	
    //어떠한 컨텍스트 메뉴인지 알수 없어 적절히 분기해야한다.
    override fun onContextItemSelected(item: MenuItem): Boolean {
        log("onContextItemSelected")

        when (item.itemId) {

            //컨텍스트 메뉴가 context_menu1.xml일때
            R.id.context_menu_item1 -> {
                toast("1")
                return true
            }
            R.id.context_menu_item2 -> {
                toast("2")
                return true
            }
            R.id.context_menu_item3 -> {
                toast("3")
                return true
            }
            R.id.context_menu_item4 -> {
                toast("4")
                return true
            }
            R.id.context_menu_item5 -> {
                toast("5")
                return true
            }

            //컨텍스트 메뉴가 context_menu2.xml일때
            R.id.context_menu2_item1 -> {
                toast("one")
                return true
            }
            R.id.context_menu2_item2 -> {
                toast("two")
                return true
            }
            R.id.context_menu2_item3 -> {
                toast("three")
                return true
            }
            R.id.context_menu2_item4 -> {
                toast("four")
                return true
            }
            R.id.context_menu2_item5 -> {
                toast("five")
                return true
            }
            else -> return false
        }
        //boolean Return false to allow normal context menu processing to proceed, true to consume it here.
    }
    
}