如何在App Bar下拉菜单中获得以下过渡/动画效果?

时间:2015-10-06 10:35:06

标签: android drop-down-menu material-design android-menu

我正在开发一个材料设计应用程序&当我点击菜单选项或ActionBar / Toolbar侧面的三个点时,我想要this效果。

我想要的效果是“usage”部分的最后一部分&在“menu items”部分上方。它被标记为“App bar dropdown”。

1 个答案:

答案 0 :(得分:0)

“三个点”通常被称为Android上的“溢出”菜单,了解术语将改善您的搜索结果。

CodePath有一个使用工具栏作为ActionBar的示例。阅读整个页面会很有帮助,因为它解释了工具栏和ActionBar的历史记录。 Using toolbar as ActionBar部分与您的问题特别相关。

在MainActivity onCreate方法中:

// Set a ToolBar to replace the ActionBar.
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

您的MainActivity将覆盖onCreateOptionsMenu并为菜单资源文件充气:

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

您将定义一个菜单资源文件: /res/menu/menu_main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  tools:context=".MainActivity">

    <item android:id="@+id/action_settings"
      android:title="@string/action_settings"
      android:orderInCategory="100"
      app:showAsAction="never"/>
</menu>

'showAsAction'属性告诉Android只在溢出菜单中显示此菜单项(从不作为工具栏上的操作)。