问题标签 [hamburger-menu]

我一直在寻找这个很长一段时间，但找不到任何解决方案。

我想实现这种在抽屉关闭时看起来像汉堡导航抽屉按钮的按钮。但是当它打开时，图标动画并转换为“后退按钮”，如图所示。

我有一个Navigation Drawer有 5 个项目。如果用户选择一个项目，我现在正在加载相应的项目Fragment，FrameLayout 如果用户拉出Navigation Drawer并选择与以前相同的项目，我不应该Fragment再次加载相同的项目，所以我正在保存选定的位置，如果之前选择的位置等于当前选择我只是关闭Navigation Drawer如下：

我通过添加来添加片段，backstack以便为上一个片段提供向后导航，如下所示：

问题是： 如果我选择第 3 项，然后选择第 4 项，如果我返回之前的选择仍然是 4，但我显示Fragment的是第 3 项。Navigation Drawer因此，如果我再次从Fragment负载中选择 Item no:3 。这个怎么解决？？

编辑：

一段时间以来，我一直在尝试以自己的方式实现微软的汉堡包模式。

最终结果如下：

• AppShell 用于包含当前页面和汉堡菜单（菜单始终可见）
• 在 Appshell 中，Grid 有两行：一是 48px 高，一是一开始高度。
• 在第一行，添加了一个命令栏（全局）和汉堡按钮（具有自定义样式的切换按钮，宽度和高度为 48 像素，汉堡字体图标位于中心）
• 在第二行，SplitView 在窗格上有一个 ListBox，在内容中有一个 Frame。

这种方式可以控制内容，同时显示全局菜单和命令栏。在 Frame 的 Navigated 事件中，我更新 CommandBar 以从 Frame 的 Content 属性（我使用具有这些属性的自定义页面控件）和 CommandBar 的内容（现在是带绑定的单个 TextBlock）。

但是，我想将 ToggleButton 移到 CommandBar 中。它工作得很好，除了绑定（ToggleButton 的 IsChecked 绑定到 SplitView 的 IsPaneOpen）不起作用。我使用常规的 ElementName 定位，并且不希望使用 ViewModel 属性。

CommandBar.Content 是否使用不同的上下文？或者为什么 ElementName 参考不起作用？

我试图结合使用 React Native Navbar 和 React Native Router Flux 来简化我的 RN 应用程序的制作。在这样做的过程中，我已经到了通过React Native Router Flux切换路由的地步，直到我到达主页之后，我需要再次使用 Navigator。

原因是我认为用 React Native Router Flux创建这样的东西是不可能的。我想要做的是创建一个从登录/注册页面到主页提要页面的简单过渡，这些页面之间通过侧边菜单导航。当然，您不想在每个组件上创建不同的侧边菜单，所以我首先模仿了 React Native Starter App Repo 中所做的事情。但是当我尝试从登录屏幕转换到主屏幕（本质上是 React Native Starter App 代码）时，我收到以下错误：

我的主页代码如下（同样来自React Native Starter App）：

而推送到首页路由的代码是这样的：

最后，我的应用在 main 中的路由结构如下所示：

我目前正在构建我的第一个响应式网站。

对于平板电脑、笔记本电脑和台式机使用，导航是“粘性的”，可以按我的意愿工作。

对于任何比这更小的显示器，导航隐藏在典型的“汉堡菜单”中，单击时会显示导航。

这一切都很好，但是我的问题是“汉堡点击”时导航的显示。导航显示在标题上方和下方内容，而不是将任何内容推到屏幕旁边/下方，我觉得默认情况下会这样。

我觉得问题与定位有关，我只是无法确定是什么。这是我的导航元素以常规和响应状态显示时的位置：

这也是我第一次尝试使用 JSFiddle。

如果有人需要我提供其他任何东西，请询问。

谢谢你的帮助。

https://jsfiddle.net/AlexEd/5a98ttq8/

我有一个带有导航抽屉的活动，可以正常工作。唯一的问题是汉堡菜单在第一个片段替换后没有动画。

所以基本上它工作正常，直到我用片段替换 FrameLayout。从这里开始，抽屉仍然有效，但汉堡菜单根本没有动画。

我试图弄清楚如何在我的网页上获取此符号：

符号叫什么？有没有办法在我的网页上获取它，就像通过使用获取▾一样

先感谢您。

谷歌和其他一些开发人员已经向我们介绍了一些人所说的汉堡菜单按钮，现在是 3 个垂直点按钮或垂直省略号。这些按钮/图标的正式名称是什么？

如果开发人员能够始终如一地为菜单使用特定图标，那就太好了。知道告诉新手用户按什么也很好。

背景资料：

水平省略号... … … …
Apple 使用水平省略号并将其称为“ 更多选项”图标。
根据https://design.google.com/icons/该图标被称为“更多水平”。

Vertical Ellipsis ⋮⋮ ⋮ ⋮
桌面版 Google+ 似乎将其用作社区的菜单。Google+ 应用程序将此图标用作标准菜单图标。
根据https://design.google.com/icons/，该图标被称为“more vert”。

Identical To ≡ ≡ ≡ ≡
Google Chrome 使用类似于 Identical To 的图像并将其称为 Chrome 菜单。
它也被称为“汉堡包”图标、“热狗”图标、选项菜单、菜单按钮、溢出菜单、侧边菜单、菜单抽屉......
根据https://design.google.com/icons/图标是称为“菜单”。

我正在尝试在 Codename one 中创建一个应用程序，我想在屏幕顶部的右侧创建一个汉堡菜单并在左侧创建一个后退按钮，但无法让它工作我知道它可以在哪里完成您在左侧有一个汉堡菜单，在右侧有一个按钮。我拍了一张我想要的照片。后退按钮是在绘画中添加的，而不是通过代码添加的。 应用示例图片

下面是我用来获取右侧菜单的代码。

如果我移动后退按钮以便将其添加到 AboutTheApp 按钮之后，则后退按钮显示在屏幕的右侧，但也显示在菜单的右侧，菜单也在右侧。我尝试了很多不同的方法，但似乎都没有奏效

我想标题说明了一切。我一直在阅读汉堡菜单（出现在最小化菜单上的三行）是如何过时的，但是任何人都可以告诉我一种方法，我可以将三行更改为另一种形状，也许是 V 形？