Fragment에서 Toolbar 사용하기

ChoiUS·2022년 11월 29일

android 안드로이드

Android

목록 보기

3/4

사용 계기

화면이 많지 않고 단순한 기능이 필요한데 각자 다른 버튼이 필요하게 되어서 Theme를 NoActionBar로 만들고 각 Fragment에서 Toolbar를 단독으로 사용하기로 했다.

특징

ViewGroup을 상속받는다
actionbar, appbar와 비교해서 호환성이 가장 높고 커스텀이 쉽고 다양하다.

종류

androidx.appcompat.widget.Toolbar : android.view.ViewGroup 상속
com.google.android.material.appbar.MaterialToolbar : androidx.appcompat.widget.Toolbar 상속
android.widget.Toolbar : android.view.ViewGroup 상속

같은 이름을 가진 클래스지만 서로 호환되지 않는 경우가 많고 사용법이나 지원하는 기능도 조금씩 다르다.

사용법

특별한 커스텀을 하지 않은 MaterialToolbar를 기준으로 설명한다.

XML

<LinearLayout ...>
				<com.google.android.material.appbar.MaterialToolbar
				        android:id="@+id/chatList_toolbar"
								android:background="?android:attr/colorPrimary"
				        android:layout_width="match_parent"
								android:layout_height="wrap_conten"
				        app:menu="@menu/menu_chat_list"
				        app:navigationIcon="?attr/homeAsUpIndicator"
				        app:title="@string/chatList_title" />
				<TextView ...>
</LinearLayout>

app:menu를 사용해 res/menu 의 menu를 선택하고 toolbar의 우측에 표시된다.
app:navigationIcon 에 아이콘을 등록하면 좌측에 표시된다.
app:title 을 toolbar의 가운데에 표시되는 제목을 설정할 수 있다.
다른 View와 같은 방법으로 배치한다.

Fragment

binding.chatListToolbar.setOnMenuItemClickListener { menuItem: MenuItem ->
    when (menuItem.itemId) {
					R.id.item_chatList_logout -> { 
								//클릭 이벤트 내용
								true
					}
					//다른 아이템
					else -> false
		}
}

//내부 코드

/**
* Set a listener to respond to menu item click events.
*
* <p>This listener will be invoked whenever a user selects a menu item from
* the action buttons presented at the end of the toolbar or the associated overflow.</p>
*
* @param listener Listener to set
*/
public void setOnMenuItemClickListener(OnMenuItemClickListener listener) {
	  mOnMenuItemClickListener = listener;
}

-----------------

/**
 * Interface responsible for receiving menu item click events if the items themselves
 * do not have individual item click listeners.
 */
public interface OnMenuItemClickListener {
    /**
     * This method will be invoked when a menu item is clicked if the item itself did
     * not already handle the event.
     *
     * @param item {@link MenuItem} that was clicked
     * @return <code>true</code> if the event was handled, <code>false</code> otherwise.
     */
    public boolean onMenuItemClick(MenuItem item);
}