[Android Dev.] Context Menu 구성하기

안드로이드는 View 를 Long-Touch 할 경우 Context Menu 를 보여지게 할 수 있다. Context Menu 는 크게 두 부분으로 나뉘는데 메뉴의 타이틀을 나타내는 헤더 부분과 사용자가 선택할 수 있는 메뉴 부분으로 나뉜다.

메뉴 위쪽의 헤더 부분은 생략할 수 있고 필요에 따라 Custom View 로 대체할 수 있다. Context Menu 를 간단하게 분리해 보면 헤더의 유무와 헤더의 종류에 따라 분리할 수 있다. 아래는 각각의 경우에 따른 구현 내용이다.



공통으로 사용되는 Botton 의 Context Menu 리소스

<?xml version="1.0" encoding="utf-8"?>
<menu
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/MnuHi"
        android:title="Hi!"
        android:checkable="true"
        android:checked="false"
    />
    <item
        android:id="@+id/MnuBye"
        android:title="Bye!"
        android:checkable="true"
        android:checked="false"        
    />
</menu>

메뉴 Header가 없는 Context Menu

메뉴 리소스로 부터 메뉴를 읽어들이기만 하면 위와 같은 심플한 Context Menu 가 출력이 된다.

    public void onCreateContextMenu( ContextMenu menu, View v, 
            ContextMenu.ContextMenuInfo menuinfo )
{
    if ( v == btnHello )
    {
        // menu_button.xml 에서 메뉴 불러오기
        MenuInflater inflater = getMenuInflater();
        inflater.inflate( R.menu.menu_button, menu );
    }            
}

시스템에서 지원하는 Header를 갖은 Context Menu

Context Menu 생성시 Context Menu 개체의 Header 에 setHeaderIcon 과 setHeaderTitle 함수를 이용하여 아이콘과 타이틀을 지정하면 위와 같이 시스템에서 지원하는 Header가 출력 된다.

    public void onCreateContextMenu( ContextMenu menu, View v, 
            ContextMenu.ContextMenuInfo menuinfo )
{
    if ( v == btnHello )
    {
        // menu_button.xml 에서 메뉴 불러오기
        MenuInflater inflater = getMenuInflater();
        inflater.inflate( R.menu.menu_button, menu );
        
        menu.setHeaderIcon( R.drawable.icon );
        menu.setHeaderTitle( "Context for Button" );
    }
}

Custom View 를 Header로 갖는 Context Menu

메뉴 헤더 부분에 원하는 View를 올릴 수 있는데 이는 Context Menu 개체의 setHeaderView( View v ) 함수를 이용하면 된다. 뷰를 올리게 되면 setHeaderIcon 과 setHeaderTitle 함수가 지정되더라도 이를 무시하고 사용자가 지정한 View 를 메뉴의 헤더로 대체한다.



헤더에 사용된 View Layout 리소스 xml 파일 내용 (context_view_for_button.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/IVContextL"
        android:src="@drawable/icon"
        android:layout_gravity="top|left"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
    />      
    <TextView 
        android:id="@+id/TVContext"
        android:layout_gravity="center_vertical|center_horizontal"
        android:text="It's Custom Header on Context"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
    />
    <ImageView
        android:id="@+id/IVContextR"
        android:src="@drawable/icon"
        android:layout_gravity="top|right"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
    />
</LinearLayout>

메뉴 헤더에 View 를 올리는 코드

    public void onCreateContextMenu( ContextMenu menu, View v, 
            ContextMenu.ContextMenuInfo menuinfo )
{
    if ( v == btnHello )
    {
        // menu_button.xml 에서 메뉴 불러오기
        MenuInflater inflater = getMenuInflater();
        inflater.inflate( R.menu.menu_button, menu );
        
        menu.setHeaderIcon( R.drawable.icon ); // 무시됨
        menu.setHeaderTitle( "Context for Button" ); // 무시됨
        
        LayoutInflater layout = getLayoutInflater();
        View v2 = layout.inflate( R.layout.context_view_for_button, null );
        menu.setHeaderView( v2 );
    }
}

<

Original Post : http://neodreamer-dev.tistory.com/402