[안드로이드] 옵션메뉴(OptionMenu), 액션바 (ActionBar)

옵션 메뉴 (OptionMenu)

: 타이틀 부분에 보이는 메뉴

---

[사용방법]

1) res에 menu 디렉터리 만들고, menu_option.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/menu_refresh"
        android:icon="@drawable/icon_refresh"
        android:title="새로고침"
        app:showAsAction="always"/>
    <item
        android:id="@+id/menu_research"
        android:icon="@drawable/icon_research"
        android:title="검색"
        app:showAsAction="always"/>
    <item
        android:id="@+id/menu_settings"
        android:icon="@drawable/icon_settings"
        android:title="설정"
        app:showAsAction="always"/>

</menu>

 

2) MainActivity에 onCreateOptionMenu() 오버라이드

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    //자동으로 호출되어 메뉴XML을 인플레이션 한다
    getMenuInflater().inflate(R.menu.menu_option,menu);
    return true;
}

 

3) onOptionItemSelected()를 통해 Option이 클릭됐을 때, 작동할 코드 작성

//Option이 클릭된 경우
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
    //item의 id는 int 형태
    int curId = item.getItemId();
    if (curId == R.id.menu_refresh) {
        Toast.makeText(this, "refresh가 선택되었습니다", Toast.LENGTH_LONG).show();
    }else if(curId == R.id.menu_research){
        Toast.makeText(this, "research가 선택되었습니다", Toast.LENGTH_LONG).show();
    }else if(curId == R.id.menu_settings) {
        Toast.makeText(this, "settings가 선택되었습니다", Toast.LENGTH_LONG).show();
    }
    return true;
}

---

액션바 (ActionBar)

: 앱 타이틀이 보이는 상단 부분

---

액션바 수정하는 방법

방법 1) app -> res-> values-> themes -> themes.xml 에서 수정 (Customize 가능)

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Base.Theme.ActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your light theme here. -->
         <item name="colorPrimary">#03A9F4</item>
    </style>

    <style name="Theme.ActionBar" parent="Base.Theme.ActionBar" />
</resources>

  - 아래부분에, item 태그를 통해 색상 등을 Customize 할 수 있다

  - AndroidManifest.xml에 <application> 내부에 작성 되어 있음

<application
	...	
	android:theme="@style/Theme.ActionBar"
    ...
    <activity
    	...
    </activity>
</application>

 

+ 액션바 없애는 방법

<style name="Base.Theme.ActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
를 아래로 수정
<style name="Base.Theme.ActionBar" parent="Theme.AppCompat.Light.NoActionBar">

 

방법 2) MainActivity.java에서 수정 (보이거나 보이지 않게)

액션바 참조하여 보이거나 보이지 않게 하기

ActionBar abar = getActionBar();
//ActionBar 보이게 하기
abar.show();
//ActionBar 안보이게 하기
abar.hide();

 

방법 3) 디스플레이 옵션 상수 사용

---

 

[실습 - 액션바에 3가지 아이콘 표시하기]

 

#최종 menu_option.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/menu_refresh"
        android:icon="@drawable/icon_refresh"
        android:title="새로고침"
        app:showAsAction="always"/>
    <item
        android:id="@+id/menu_research"
        android:icon="@drawable/icon_research"
        android:title="검색"
        app:showAsAction="always"/>
    <item
        android:id="@+id/menu_settings"
        android:icon="@drawable/icon_settings"
        android:title="설정"
        app:showAsAction="always"/>

</menu>

---

#최종 themes.xml 

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Base.Theme.ActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
	<!--    <style name="Base.Theme.ActionBar" parent="Theme.AppCompat.Light.NoActionBar">-->
        <!-- Customize your light theme here. -->
         <item name="colorPrimary">#03A9F4</item>
    </style>

    <style name="Theme.ActionBar" parent="Base.Theme.ActionBar" />
</resources>

---

#최종 MainActivity.java

package com.example.actionbar;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        //자동으로 호출되어 메뉴XML을 인플레이션 한다
        getMenuInflater().inflate(R.menu.menu_option,menu);
        return true;
    }

    //Option이 클릭된 경우
    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        //item의 id는 int 형태
        int curId = item.getItemId();
        if (curId == R.id.menu_refresh) {
            Toast.makeText(this, "refresh가 선택되었습니다", Toast.LENGTH_LONG).show();
        }else if(curId == R.id.menu_research){
            Toast.makeText(this, "research가 선택되었습니다", Toast.LENGTH_LONG).show();
        }else if(curId == R.id.menu_settings) {
            Toast.makeText(this, "settings가 선택되었습니다", Toast.LENGTH_LONG).show();
        }
        return true;
    }
}