Android에서 메뉴를 툴바로 설정하는 방법


98

ToolBar대신 사용하고 싶지만 ActionBar툴바에 메뉴 표시 안함 !!! 에서 새로 고침 또는 설정 버튼 과 같은 설정 메뉴를 원합니다 ActionBar.

여기에 이미지 설명 입력

Toolbar.xml 코드 :

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:navigationContentDescription="@string/abc_action_bar_up_description"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:title="Main Page"
    android:gravity="center"/>

MainPage.java 코드 :

public class MainPage extends AppCompatActivity {
    private Toolbar toolbar;

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

        toolbar = (Toolbar) findViewById(R.id.main_toolbar);
        setSupportActionBar(toolbar);
        if (getSupportActionBar() != null) {
            getSupportActionBar().setTitle("Main Page");
        }
        toolbar.setSubtitle("Test Subtitle");
        toolbar.inflateMenu(R.menu.main_manu);
    }
}

main_menu.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_main_setting"
        android:icon="@drawable/ic_settings"
        android:orderInCategory="100"
        app:showAsAction="always"
        android:actionLayout="@layout/toolbar"
        android:title="Setting" />

    <item
        android:id="@+id/menu_main_setting2"
        android:icon="@drawable/ic_settings"
        android:orderInCategory="200"
        app:showAsAction="always"
        android:actionLayout="@layout/toolbar"
        android:title="Setting" />

</menu>

이 문제를 해결하고 메뉴를 표시하는 방법은 Toolbar무엇입니까? 모두에게 감사합니다 <3


4
여기에서 확인할 수 있습니다 : stackoverflow.com/questions/31231609/…
Chol


2
이것이 내가 놓친 것입니다 toolbar.inflateMenu (R.menu.main_manu);
skryshtafovych


를 사용하여 새 응용 프로그램을 Android Studio만들고 확인하십시오. 'ToolBar'는 독립적 인 엔티티가 아니어야합니다.
Abhinav Saxena

답변:


158

MainPage.java에서 이와 같이 onCreateOptionsMenu를 재정의 하십시오.

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main_menu, menu);
    return true;
}

68

setSupportActionBar (toolbar)를 사용하지 마십시오.

이유는 모르겠지만 이것은 나를 위해 작동합니다.

toolbar = (Toolbar) findViewById(R.id.main_toolbar);
toolbar.setSubtitle("Test Subtitle");
toolbar.inflateMenu(R.menu.main_manu);

메뉴 항목의 경우 다음을 클릭하십시오.

toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {

        @Override
        public boolean onMenuItemClick(MenuItem item) {

            if(item.getItemId()==R.id.item1)
            {
                // do something
            }
            else if(item.getItemId()== R.id.filter)
            {
               // do something
            }
            else{
               // do something
            }

            return false;
        }
    });

적절한 설명을 찾으면이 답변의 '왜'부분을 업데이트합니다.
어쨌든 도와 드리겠습니다 :) 평화.


5
당신은 나에게 알람에 대답하지만 왜 그것을 사용하지 말아야하는지 설명하지 않습니다.
Richard Rout 2018

5
자신에게 맞는 것을 말하는 대신 setSupportActionBar (toolbar)를 사용하지 않는 이유를 설명해야합니다.
Vinicius Victor

1
이것은 나를 위해 일한 유일한 것입니다. 사용자 지정 도구 모음과 함께 Xamarin.Android를 사용하고 있습니다.
Washington A. Ramos

1
나는 그것에 대해 더 읽고 @AbhinavSaxena에 대한 답변을 업데이트 할 것입니다. 좋은 전화
Rohit Singh 19

main_activity_layout.xml도 게시하십시오. 이것은 효과가 있고 뛰어난 솔루션이지만 답을 완성해야합니다. 내 대답에서 휴식을 취했습니다.
Abhinav Saxena 2019

52

다음은 향후 방문자에 대한 자세한 답변입니다. 나는 일반적으로 지원 도구 모음을 사용 하지만 어느 쪽이든 잘 작동합니다.

여기에 이미지 설명 입력

1. 메뉴 xml 만들기

이것은에있을 것입니다 res/menu/main_menu.

  • res폴더를 마우스 오른쪽 버튼으로 클릭하고 새로 만들기> Android 리소스 파일을 선택합니다 .
  • main_menu파일 이름을 입력 합니다.
  • 리소스 유형으로 메뉴를 선택합니다.

다음 내용을 시작으로 붙여 넣으십시오.

<?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/action_add"
        android:icon="@drawable/ic_add"
        app:showAsAction="ifRoom"
        android:title="Add">
    </item>
    <item
        android:id="@+id/action_settings"
        app:showAsAction="never"
        android:title="Settings">
    </item>
</menu>

마우스 오른쪽 버튼을 클릭 res하고 새 이미지 자산 을 선택 하여 ic_add아이콘 을 만들 수 있습니다 .

2. 메뉴 팽창

활동에 다음 방법을 추가하십시오.

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main_menu, menu);
    return true;
}

3. 메뉴 클릭 처리

또한 활동에서 다음 방법을 추가하십시오.

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle item selection
    switch (item.getItemId()) {
        case R.id.action_add:
            addSomething();
            return true;
        case R.id.action_settings:
            startSettings();
            return true;
        default:
            return super.onOptionsItemSelected(item);
    }
}

추가 읽기


5
두 개의 코드 라인 대신 필요한 모든 구성 요소를 함께 보여 주셔서 감사합니다.
Big_Chair

44

활동에서이 코드를 재정의해야합니다.

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu, this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main2, menu);
    return true;
}

다음과 같이 툴바를 설정합니다.

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

7

또한 메뉴의 모든 옵션에 몇 가지 작업을 구현하려면 이것이 필요합니다.

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case R.id.menu_help:
            Toast.makeText(this, "This is teh option help", Toast.LENGTH_LONG).show();
            break;
        default:
            break;
    }
    return true;
}

3

이 답변에 동의하지만 코드 줄이 적고 작동합니다.

Android에서 메뉴를 툴바로 설정하는 방법

내 제안은 항상 Android Studio Wizard를 사용하여 모든 프로젝트를 시작하는 것입니다. 이 코드에서 몇 가지 스타일을 찾을 수 있습니다.

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

그리고 사용법은 다음과 같습니다.

<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">

<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout> 

에서 no action bar theme선언 되었으므로 에서에 styles.xml적용 되므로 예외가 없으므로 확인해야합니다.Main ActivityAndroidManifest.xml

<activity android:name=".MainActivity" android:screenOrientation="portrait"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
  1. Toolbar항상의 자식이다, 독립적 인 실체없는 AppBarLayout것을 다시의 자식입니다 CoordinatorLayout.
  2. 메뉴를 만드는 코드는 첫날부터 표준 코드로, 모든 답변, 특히 표시된 답변에서 반복해서 반복되지만 그 차이가 무엇인지 아무도 깨닫지 못했습니다.

양자 모두:

Toolbar toolbar = findViewById(R.id.toolbar); setSupportActionBar(toolbar);

과:

Android에서 메뉴를 툴바로 설정하는 방법

작동합니다.

해피 코딩 :-)


2

활동에서이 방법을 재정의하십시오.

   @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main_menu, menu);
        return true;
    }

그러면 아래 메뉴가 부풀어집니다.

 <?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_main_setting"
            android:icon="@drawable/ic_settings"
            android:orderInCategory="100"
            app:showAsAction="always"
            android:actionLayout="@layout/toolbar"
            android:title="Setting" />

        <item
            android:id="@+id/menu_main_setting2"
            android:icon="@drawable/ic_settings"
            android:orderInCategory="200"
            app:showAsAction="always"
            android:actionLayout="@layout/toolbar"
            android:title="Setting" />

    </menu>

2

setSupportActionBar (toolbar)를 사용하는 동안에도 Toolbar.inflateMenu를 사용하여 제공된 답변을 사용할 수 있습니다 .

도구 모음 설정 기능을 활동 외부의 별도 클래스로 이동해야하는 시나리오가 있었는데, 이는 onCreateOptionsMenu 이벤트를 스스로 알지 못했습니다.

따라서이를 구현하기 위해 다음을 수행하여 inflateMenu를 호출하기 전에 툴바가 그려 질 때까지 기다려야했습니다.

toolbar.post {
    toolbar.inflateMenu(R.menu.my_menu)
}

매우 깨끗한 것으로 간주되지는 않지만 여전히 작업을 완료합니다.


이것은 나를 위해 작동합니다. 감사!
raquezha

1

제 경우에는 CollapsingToolbarLayout과 함께 AppBarLayout을 사용하고 있으며 메뉴는 항상 화면 밖으로 스크롤되어 메뉴의 XML에서 android : actionLayout을 도구 모음의 ID로 전환하여 문제를 해결했습니다. 나는 그것이 같은 상황에있는 사람들을 도울 수 있기를 바랍니다!

activity_main.xml

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:fab="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=".activities.MainScreenActivity"
    android:screenOrientation="portrait">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        app:elevation="0dp"
        android:theme="@style/AppTheme.AppBarOverlay">
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingBar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="exitUntilCollapsed|scroll"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginStart="48dp"
            app:expandedTitleMarginEnd="48dp"
            >
            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:elevation="0dp"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                app:layout_collapseMode="pin"/>
        </android.support.design.widget.CollapsingToolbarLayout>


    </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

main_menu.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/logoutMenu"
        android:orderInCategory="100"
        android:title="@string/log_out"
        app:showAsAction="never"
        android:actionLayout="@id/toolbar"/>
    <item
        android:id="@+id/sortMenu"
        android:orderInCategory="100"
        android:title="@string/sort"
        app:showAsAction="never"/> </menu>

1

XML에서 내부에 한 줄 추가 <Toolbar/>

<com.google.android.material.appbar.MaterialToolbar
app:menu="@menu/main_menu"/>

Java 파일에서 다음을 바꿉니다.

 setSupportActionBar(toolbar);
        if (getSupportActionBar() != null) {
            getSupportActionBar().setTitle("Main Page");
        }

이것으로 :

toolbar.setTitle("Main Page")

0

이것에 대한 간단한 수정 은 res / menu에서 설정 showAsAction하는 것 always입니다 menu.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/add_alarm"
        android:icon="@drawable/ic_action_name"
        android:orderInCategory="100"
        android:title="Add"
        app:showAsAction="always"
        android:visible="true"/>

</menu>

0
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar;        
    toolbar = findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    getSupportActionBar().setDisplayShowTitleEnabled(false);
  }



    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_drawer,menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.action_drawer){
           drawerLayout.openDrawer(GravityCompat.END);
            if (drawerLayout.isDrawerOpen(GravityCompat.END)) {
                drawerLayout.closeDrawer(GravityCompat.END);
            } else {
                drawerLayout.openDrawer(GravityCompat.END);
            }
        }
        return super.onOptionsItemSelected(item);
    }

해상도 / 레이아웃 / 서랍 _ 메뉴

<?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/action_drawer"
        android:title="@string/app_name"
        android:icon="@drawable/ic_menu_black_24dp"
        app:showAsAction="always"/>

</menu>

toolbar.xml

<com.google.android.material.appbar.AppBarLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    app:titleTextColor="@android:color/white"
    app:titleTextAppearance="@style/TextAppearance.Widget.Event.Toolbar.Title">

     <TextView
         android:id="@+id/toolbar_title"
         android:layout_gravity="center"
         android:layout_height="wrap_content"
         android:layout_width="wrap_content"
         android:text="@string/app_name"
         android:textColor="@android:color/white"
         style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title" />

</androidx.appcompat.widget.Toolbar>


0
private Toolbar toolbar;

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

    toolbar = (Toolbar) findViewById(R.id.my_toolbar);
    *// here is where you set it to show on the toolbar*
    setSupportActionBar(toolbar);
}

음, 지원 작업 표시 줄을 설정해야합니다. setSupportActionBar (); 다음과 같이 변수를 전달하십시오.setSupportActionBar(toolbar);

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.