问题标签 [hamburger-menu]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
wpf - 如何在 WPF 和 MahApps 中创建汉堡包或 Glasswire 样式的菜单?
理想情况下,它应该看起来像 GlassWire 应用程序所具有的东西(左上角):
它的行为就像一个应用程序图标系统菜单,但更明显和可定制。
我遇到的具体问题是:
1)我如何轻松添加标题栏友好的汉堡菜单按钮(理想情况下仅适用于XAML),例如通过mahApps:MetroWindow.LeftWindowCommands
?
2)我如何自定义它看起来就像 GlassWire 的菜单按钮(顶部对齐零顶部边距细矩形)?我尝试使用对齐和高度,但它不起作用 - 顶部总是有一个间隙。
这是我到目前为止所拥有的(应用程序图标旁边的汉堡按钮):
不幸的是,上下文菜单并不理想,因为它的行为需要一些 C# 代码才能使其正确。
android - 使用 AnimatedVectorDrawable 导致剪切到图标 Android
开始前我想告诉我我正在使用Vect Align库来变形这两个图像
图标
开始图标 (SVG):https ://storage.googleapis.com/material-icons/external-assets/v1/icons/svg/ic_menu_white_24px.svg
结束图标 (SVG):https ://storage.googleapis.com/material-icons/external-assets/v1/icons/svg/ic_close_white_24px.svg
Vect Align生成的路径
起始路径(drawer_path):
M 3.0,18.0 l 18.0,0.0 l 0.0,-2.0 l -18.0,0.0 l 0.0,2.0 L 3.0,18.0 m 0.0,-5.0 l 18.0,0.0 l 0.0,-2.0 l -18.0,0.0 l 0.0,2.0 L 3.0,13.0 M 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,8.0 L 21.0,8.0 L 21.0,6.0 L 3.0,6.0 L 3.0,6.0
结束路径(close_path):
M 19.0,6.41 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 L 17.59,5.0 m 0.0,0.0 l0.0,0.0 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 L 12.0,10.59 M 12.0,10.59 L 6.41,5.0 L 5.0,6.41 L 10.59,12.0 L 5.0,17.59 L 6.41,19.0 L 12.0,13.41 L 17.59,19.0 L 19.0,17.59 L 13.41,12.0 L 19.0,6.41
问题截图
项目中的 XML 文件:
矢量文件 (ic_drawer.xml):
动画矢量文件 (ic_drawer_to_close.xml):
动画文件 (drawer_to_close.xml):
我希望有人能帮助我解决这个问题。
android - 当我单击工具栏上的汉堡菜单时,我想显示菜单
我到处搜索,但没有得到我想要的。
汉堡菜单点击工具栏,必须显示菜单,如导航抽屉菜单,但不是左侧,我想要从顶部。它必须有滑下动画
这是两张图片,在菜单图标单击之前显示我想要实现的目标:
点击后:
这是我的布局 xml
html - 切换点击无响应
我正在尝试创建一个移动响应菜单,我的主要问题是当我单击它时导航按钮不会切换。这就是我到目前为止提出的。HTML + JQuery:
这是CSS:
谢谢你的帮助。亚历山德罗
javascript - 窗口大小调整功能
我创建了一个汉堡菜单,它可以很好地下拉,但是如果我再次最大化窗口,则 ul 列表将保持隐藏状态,因为它们保持“不显示”状态。我知道我应该添加一个窗口调整大小功能,但我不确定如何。我怎样才能解决这个问题?
这是编码:
谢谢你。
jquery - Bootstrap 3:导航栏折叠折叠但不展开
我正在使用 Bootstrap 3 构建一个相当简单的静态网站。
在导航方面,我需要桌面上的全角导航栏和移动设备上的“汉堡”菜单。
所以我选择了 Bootstrap 的导航栏折叠:
正如许多其他类似问题中所建议的那样,例如this one或that one,我确实检查了我是否包含最新的 Bootstrap JS 文件,我的<head></head>
标签之间有以下行:
————</p>
更新:我的还有以下内容<head></head>
:
另外,在上面的代码下面,我还有一些自定义的JS脚本。
————</p>
更新 2:这是我的浏览器控制台日志:
————</p>
但是,当我在浏览器中调整窗口大小时,导航栏会变成汉堡菜单,但汉堡菜单不可点击且无法展开。
知道这里有什么问题吗?
html - How can I SIMPLY Toggle/Hide a Menu from sub-menu in AngularJS
So I've read through a few Stacks and am finding that I must create separate directives to hide/toggle a menu from it's sub-menu items.
I want the menu to HIDE when ANY of the sub-menu items are clicked.
But I feel like there has to be an easier way and am wondering if anyone knows if there is or not?
As of right now, I have my code set to list items that create tabs with values assigned to them. When a sub-menu item is selected, it hides all the tabs EXCEPT for the selected tab value. This way there is no page reload and no parameters being passed.
I'm hoping for a quick fix. I've attached a function prototype with plunkr: HERE
Again, this is just a prototype. The final version will be fancied up. I'm just looking for functionality advice.
codenameone - 汉堡菜单不见了
我发现我在模拟器和 ios 设备上的汉堡菜单“丢失” - 在模拟器上调试代码,方法被调用,但屏幕上没有显示任何内容。
针对早期版本的 cn1 构建解决了问题......那么,是否在最新代码中引入了错误或改变了汉堡菜单(SideMenu)的使用方式?
jquery - 导航菜单响应
我正在尝试使我的网站响应并在单击汉堡徽标时获取导航菜单,但单击时未显示。没有任何东西向下滚动。不要明白我做错了什么。这就是我所做的:
CSS:
android - 点击监听器上的工具栏汉堡?
我正在我的android应用程序中实现像google play这样的持久搜索视图。这是我的代码。
这里一切正常,但是当用户单击工具栏编辑文本(根据我的代码)时,我将汉堡包图标更改为后退按钮。现在如果用户点击后退按钮,它应该动画回到汉堡包并且应该隐藏edittext(根据我的要求)
但是,要做到这一点,我需要处理汉堡点击。我已经尝试过 onClickListners on toggle、actionbartoggle 等。但徒劳无功,请帮忙。