如何将自定义菜单添加到底部应用栏?

时间:2018-07-18 10:47:44

标签: android material-design android-bottomappbar

我在android中使用新的Material Bottom应用栏。我已经成功实现了它,但是我不知道如何将自定义菜单项添加到栏中。每当我添加菜单项时,即使我提供了android:showAsAction =“ always”选项,它们也仅显示为3点。

我想要特定的图标,例如下面的屏幕截图。Wanted result 但是相反,我得到了这样的结果。 enter image description here

这是布局代码。

<com.google.android.material.bottomappbar.BottomAppBar
    android:id="@+id/bottom_app_bar"
    style="@style/Widget.MaterialComponents.BottomAppBar"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_gravity="bottom"
    app:backgroundTint="@color/colorPrimaryDark"
    app:fabCradleMargin="5dp"
    app:fabAlignmentMode="center"/>

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_anchor="@id/bottom_app_bar" />

这是Java代码。

BottomAppBar bottomAppBar = (BottomAppBar) findViewById(R.id.bottom_app_bar);
setSupportActionBar(bottomAppBar);

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

菜单代码。

<item
    android:id="@+id/navigation_explore"
    android:icon="@drawable/explore"
    android:title="Explore"
    android:showAsAction="always"/>

<item
    android:id="@+id/navigation_profile"
    android:icon="@drawable/profile"
    android:title="Profile"
    android:showAsAction="always"/>

4 个答案:

答案 0 :(得分:4)

经过大量研究,我终于找到了解决问题的方法。只需将'showAsAction'的命名空间从'android'更改为'app'即可。

<item
    android:id="@+id/navigation_explore"
    android:icon="@drawable/ic_search"
    android:title="Explore"
    app:showAsAction="always" />

答案 1 :(得分:1)

使用android:showAsAction="ifRoom"

我知道它可以与新的Material Bottom应用栏一起显示图标。

https://developer.android.com/guide/topics/resources/menu-resource

答案 2 :(得分:0)

您可以为此使用弹出菜单。放置一个菜单图像,然后单击图像,打开android的Popup Menu,就像菜单一样。

  PopupMenu popup = new PopupMenu(MainActivity.this, button);  
            //Inflating the Popup using xml file  
            popup.getMenuInflater().inflate(R.menu.popup_menu, popup.getMenu());  

            //registering popup with OnMenuItemClickListener  
            popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {  
                public boolean onMenuItemClick(MenuItem item) {  
                    Toast.makeText(MainActivity.this,"You Clicked : " + item.getTitle(), Toast.LENGTH_SHORT).show();  
                    return true;  
                }  
            });  

            popup.show();

您可以点击以下链接: https://www.javatpoint.com/android-popup-menu-example

答案 3 :(得分:0)

尝试在BottomAppBar中将fabCradleDiameter设置为0db,如下所示: app:fabCradleDiameter="0dp"