OptionsMenu 遮挡住 Actionbar、Toolbar 与样式更改

博主声明：

转载请在开头附加本文链接及作者信息，并标记为转载。本文由博主威威喵原创，请多支持与指教。

本文首发于此博主：威威喵 | 博客主页：https://blog.csdn.net/smile_running

介绍

在 android 中经常看到可以点击一个按钮跳出一个类似对话框的界面，在这个界面里可以存放一些菜单选项并且可以赋予点击事件。现在来看一个这样的菜单效果，如 Actionbar 的 menu 菜单，点击 menu 按钮可以弹出更多的子选项按钮，效果图如下：

创建 menu 资源文件

如上图的效果，在 activity 中已经提供了这样的一个方法可以创建选项菜单，这个方法为：onCreateOptionMenu(Menu menu)；我们只需要在 activity 里面重写此方法即可实现上图的效果。

首先，我们需要在 res 资源文件夹下新建一个 menu 的文件夹，此文件夹下即存放 xml 文件的目录，我们新建一个 option.xml，

然后在其中写入需要的 item 资源，这里必须要写入两个属性，一个是：id，一个是：title

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:id="@+id/menu_1"android:title="menu one" /><itemandroid:id="@+id/menu_2"android:title="menu_two" /><itemandroid:id="@+id/menu_3"android:title="menu_three" />
</menu>

关联活动，绑定事件

然后在 activity 中重写 onCreateOptionMenu 方法，加载我们刚刚的 option.xml 文件，然后要返回一个 true ，表示启用菜单：

    @Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.options, menu);return true;}

重新运行一下，然后你就会看到菜单效果了。

光是有菜单不行，我们应该给予它每一个子选项的点击事件，这个 activity 也已经有了，我们只需要重写 onOptionsItemSelected(MenuItem item)；方法就可以绑定点击事件了，与 Button 的绑定事件类似。

  @Overridepublic boolean onOptionsItemSelected(MenuItem item) {switch (item.getItemId()) {case R.id.menu_1:Toast.makeText(this,"option 1",Toast.LENGTH_SHORT).show();break;case R.id.menu_2:Toast.makeText(this,"option 2",Toast.LENGTH_SHORT).show();break;case R.id.menu_3:Toast.makeText(this,"option 3",Toast.LENGTH_SHORT).show();break;default:break;}return super.onOptionsItemSelected(item);}

到此为止，我们的 menu 就算是完成了，算是非常简单。但是有一个问题，我发现 menu 跑到了 actionbar 的上方去了，也就是说把 actionbar 给挡住了，这样显得不那么美观，所以我们就要想办法让它下来一点，让它显示到 actionbar 下方，比如这个样子的效果：

修改样式

这样子看起来效果不错，至少不会把 actionbar 给挡住了。为了实现这样的效果，我们就要去自定义它的一个主题，这个主题名字叫做：actionbarOverflowMenuStyle 。

我们在 appTheme 下加入这个 item ，name = actionbarOverflowMenuStyle , 这里的 name 不可以写别的，否则将会报异常：not found，所以我们的 styles.xml 代码如下：

<resources><!-- Base application theme. --><style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"><!-- Customize your theme here. --><item name="colorPrimary">@color/colorPrimary</item><item name="colorPrimaryDark">@color/colorPrimaryDark</item><item name="colorAccent">@color/colorAccent</item><!--suppress AndroidDomInspection --><item name="actionOverflowMenuStyle">@style/AppOverflowMenuStyle</item></style><style name="AppOverflowMenuStyle" parent="Base.Widget.AppCompat.Light.PopupMenu.Overflow"><!-- 不让它覆盖 actionbar --><item name="overlapAnchor">false</item><!-- 设置弹出的背景颜色 --><item name="android:popupBackground">#f33333</item></style>
</resources>

修改后的结果：

OptionsMenu 遮挡住 Actionbar、Toolbar 与样式更改相关推荐

安卓APP_ 控件（7）——Toolbar栏目样式
摘自:安卓APP_ 控件(7)--Toolbar栏目样式作者:丶PURSUING 发布时间: 2021-04-02 15:42:07 网址:https://blog.csdn.net/weixin_ ...
div固定大小文字溢出自动缩小_CSS样式更改——框模型、定位、浮动、溢出
前言上篇文章主要介绍了CSS样式更改篇中的列表.表格和轮廓,这篇文章主要介绍CSS样式更改中框模型.定位.浮动.溢出基础知识. 1.框模型Border Model 从上图可以得知,如果把一个网页比作 ...
css文本换行_CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 <div style='text-indent:2em'& ...
css 不换行_CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 2)).文本对齐方式 3)).字间距 4)).文本间距 5)). ...
java 更改css_CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 2)).文本对齐方式 left 左边 right 右边 cent ...
ActionBar -- Toolbar
在使用ActionBar的时候,一堆的问题:这个文字能不能定制,位置能不能改变,图标的间距怎么控制神马的,由此暴露出了ActionBar设计的不灵活. 在上一篇中,我们只是简单使用了AppCompat ...
Altium的原理图主题修改为Orcad的默认样式（Altium原理图样式更改）
Altium默认的封装看久了总感觉不如Orcad的舒服,PCB的3D理应花里胡哨,但原理图还是该走极简主义.下面通过一些修改,将Altium的原理图样式更改为与Orcad相同. 过程看起来略微复杂,但 ...
Markdown (CSDN) MD编辑器（二）- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
目录 1.Markdown现有的文本样式. 2.HTML的font标签-改字体.字体颜色.字体大小. 3.HTML的mark标签-标记文本 4.HTML的strong标签-加粗文本 5.HTML的em ...
3D角色遮挡住UI的实现，关于Stencil Buffer,描边,以及其他
3D角色遮挡住UI的实现,关于Stencil Buffer,描边,以及其他我这么懒的人能会写这篇博客,主因是这个需求对我造成的大量伤害~~~ 起因最近服务器AI的工作刚刚阶段性完成,马上被策划拉过 ...

OptionsMenu 遮挡住 Actionbar、Toolbar 与样式更改

介绍

创建 menu 资源文件

关联活动，绑定事件

修改样式

OptionsMenu 遮挡住 Actionbar、Toolbar 与样式更改相关推荐

最新文章

热门文章