안드로이드 옵션 메뉴 만들기

안드로이드 관련 기본적인 사항들을 나중에 찾기 쉽도록 하니씩 정리해 볼 계획입니다.
첫 번째로 옵션 메뉴에 대한 내용입니다.

안드로이드와 아이폰의 가장 큰 차이는 바로 이 옵션 메뉴가 별도로 있다는 건데요.
옵션 메뉴는 다음 그림과 같이 기본적으로 6개까지 나타낼 수 있습니다.



6개가 넘어게 만들 수도 있는데요.. 이런 경우, 마지막 항목에 "More.." 가 나타나게 되지요.

옵션 메뉴를 만들기 위해 필요한 메소드들을 먼저 정리해 봤습니다.

옵션메뉴 생성
public boolean onCreateOptionsMenu(Menu menu)

실행 중 옵션메뉴 변경
public boolean onPrepareOptionsMenu(Menu menu)

메뉴항목 선택
public boolean onOptionsItemSelected(MenuItem item)

그리고 매개변수로 사용하는 메뉴 객체를 생성하기 위한 메소드는 다음과 같습니다.

메뉴항목 추가
public abstract MenuItem add(int groupId, int itemId, int order, CharSequence title)

서브 메뉴항목 추가
public abstract SubMenu addSubMenu(int groupid, int itemId, int order, CharSequence title)

마지막에 CharSequence title 대신 int titleRes를 사용할수도 있겠죠..

간단하게 메뉴를 생성하고 선택하는 소스를 한번 살펴보도록 하시죠.
단축키로 알파벳 설정하는 부분이나 아이콘 설정하는 부분들을 유의해서 살펴보시면 도움이 됩니다.

@Override public boolean onCreateOptionsMenu(Menu menu) { super.onCreateOptionsMenu(menu); menu.setQwertyMode(true); SubMenu sm = menu.addSubMenu(0, 0, 0, "부메뉴"); sm.add(1, 0, 0, "부항목 0"); sm.add(1, 1, 1, "부항목 1"); MenuItem m = menu.add(0, 1, 1, "항목 1"); m.setAlphabeticShortcut('a'); menu.add(0, 2, 2, "항목 2") .setAlphabeticShortcut('b') .setIcon(R.drawable.icon); menu.add(0, 3, 3, "항목 3") .setAlphabeticShortcut('c'); menu.add(0, 4, 4, "항목 4") .setAlphabeticShortcut('d'); menu.add(0, 5, 5, "항목 5"); menu.add(0, 6, 6, "항목 6"); menu.add(0, 7, 7, "항목 7"); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { if (item.getItemId() >= 0 && item.getItemId() <= 7) { Toast.makeText(this, "You clicked on " + item.getTitle(), Toast.LENGTH_LONG).show(); return true; } else return false; }
onCreateOptionsMenu와 onOptionsItemSelected 메소드를 활용해서 간단하게 구성해봤습니다.
메뉴를 선택하면 간단한 Toast로 메시지를 출력하도록 구성했습니다.

위 예제처럼 프로그래밍으로 메뉴를 구성할 수도 있고, Resource에 Menu를 XML로 만들어서 처리할 수도 있습니다.
XML로 구성해서 처리하는 방법에 대해서 정리해 봅니다.
먼저 res/menu 폴더를 만들고 option_menu.xml을 다음과 같이 구성합니다.

<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/item0" android:title="서브 메뉴"> <menu> <item android:id="@+id/subitem0" android:title="부항목 0" /> <item android:id="@+id/subitem1" android:title="부항목 1" /> </menu> </item> <item android:id="@+id/item1" android:alphabeticShortcut="a" android:title="항목 1" /> <item android:id="@+id/item2" android:alphabeticShortcut="b" android:icon="@drawable/icon" android:title="항목 2" /> <item android:id="@+id/item3" android:alphabeticShortcut="c" android:title="항목 3" /> <item android:id="@+id/item4" android:alphabeticShortcut="d" android:title="항목 4" /> <item android:id="@+id/item5" android:title="항목 5" /> <item android:id="@+id/item6" android:title="항목 6" /> <item android:id="@+id/item7" android:title="항목 7" /> </menu>
그리고 난 후, 다음과 같이 코딩해 주면 됩니다.

public class Menu3 extends Activity { int use = 0; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } @Override public boolean onCreateOptionsMenu(Menu menu) { super.onCreateOptionsMenu(menu); MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.option_menu, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { if (item.getItemId() == R.id.item0) use = 1; Toast.makeText(this, "You clicked on " + item.getTitle(), Toast.LENGTH_LONG).show(); return true; } @Override public boolean onPrepareOptionsMenu(Menu menu) { boolean r = super.onPrepareOptionsMenu(menu); if (use == 1) menu.findItem(R.id.item0).setTitle("부메뉴"); return r; } }
onPrepareOptionsMenu를 사용해 보기 위해 use라는 멤버 변수를 구성했습니다.
그리고 use 값이 1인 경우에, 메뉴의 이름을 변경해 봤습니다.

최종적인 형태는 다음 그림과 같이 나타납니다.