标签: hamburger-menu

这个人基本上遇到了我遇到的同样的问题,但是,提供的解决方案没有帮助,也不适合我,因为我的代码实际上是调用mDrawerToggle.sycnState()(在延迟的Runnable中).

我也尝试将它添加到我的片段中的onActivityCreated,它似乎什么也没做.不知道究竟是什么syncState做什么,我无法判断它是否正在同步打开状态(模板代码默认发生),然后在手动关闭抽屉时它永远不会再次同步.

我发布了代码但您可以通过在Android Studio(1.2.2)中创建一个新项目,选择导航抽屉活动,然后只是运行项目来测试这一点 - 无需进行任何更改.你会看到唯一的图标是< - 箭头.我甚至设置了断点来检查ActionBarDrawerToggle对象,该对象实际上在其内存中有汉堡图标,用于绘制图标,让我更加惊慌!

我在这里结束了我的智慧.

在我将Xamarin.Forms 2.0的Xamarin.Forms项目更新为Xamarin.Forms 2.2后,汉堡图标消失了.

我用谷歌搜索没有运气,有没有人经历过同样的问题？

如何使用布尔玛组件制作滑动垂直导航栏？我在布尔玛文档中找不到一个。我相信它们通常被称为“非画布”菜单或“汉堡”菜单。

有一个水平的，但我更喜欢这样的垂直，左侧样式：

https://www.sitepoint.com/pure-css-off-screen-navigation-menu/

我正在试图找出如何在我的网页上获取此符号:

这个符号叫什么？有没有办法在我的网页上得到它,就像要通过使用获得▾

▾

先感谢您.

从wpf应用程序迁移到Windows 10 uwp的新手。我知道之前曾有人问过这个问题，但没有一个能够解决我的问题。最近，我尝试按照GitHub页面https://github.com/vborovikov/hamburger上的说明为正在创建的uwp应用程序重新创建Hamburger菜单 。

一切都进行得很好，直到遇到错误“灾难性失败（HRESULT的异常：0x8000FFFF（E_UNEXPECTED））”。调试后，我意识到下面的代码行导致了错误

<Setter Property="BorderBrush" Value="{x:Null}" /> 

只是为了从GitHub页面解释项目；假设您有一个空白的uwp xaml页面，则必须将2个文件shell.xaml和shell.xaml.cs添加到您的项目中，并修改app.xaml。进一步的说明在Github页面上。我添加了此内容，但运行此后遇到了错误。

我还尝试了http://windows.microsoft.com/en-gb/windows-vista/windows-update-error-8000ffff中的说明，但无济于事。我对解释很困惑，因为我找不到页面上描述的组件。

请任何建议将有所帮助。

我有这个响应式汉堡导航，它目前正在向下推它下面的内容。有没有办法让它只悬停在内容上？我尝试了很多东西，我所做的一切都不起作用，但我不是专家。任何帮助深表感谢！谢谢！

jsfiddle在这里

<nav class="header">
      <input class="menu-btn" type="checkbox" id="menu-btn" />
      <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
      <ul class="menu">
        <li><a href="#work">Our Work</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#careers">Careers</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>
<figure id="main-img"></figure>

figure#main-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    z-index: 10;
  height: 200px;
  background-color: red;
}
nav.header {
    background-color: silver;
  width: 100%;
  float: left;
  overflow: hidden;
}
.table {
    display: table;   
    margin: 0 auto;
}
.header ul {
    list-style: none; 
    position: relative; 
    float: left; 
    display: …

嘿家伙我是新来回应当地尝试建立汉堡包抽屉协助导航,但无法找到适当的文件.我发现了一个,但它是用redux,所以我放手了.任何人都可以指导我如何为react-native应用程序创建drawerlayout.提前致谢.

我想必须单击汉堡菜单图标，然后在我的图标下方显示列表。我用这种风格设置了我的汉堡菜单图标

.menu-btn div {
    position: absolute;
    left: 100%;
    top: 64%;
    padding-right: 8px;
    margin-top: -0.50em;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
    z-index: 99;
}

.menu-btn span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 4px 0;
    background: #989da1;
    z-index: 99;
}

单击汉堡菜单后应出现的选项菜单是

 <div class="responsive-menu">
    <ul id="menu">
       <li>Vote</li>
       <li>Search</li>
       <li>About</li>
       <li>Log In</li>
    </ul>
 </div>

但我不清楚如何设置汉堡菜单的样式，因此当您单击它时，它会直接出现在汉堡菜单下方。现在，它出现在屏幕顶部的中心 - https://jsfiddle.net/wtp1k57b/1/。我如何设置这样的样式？

PS - 我正在寻找一种不依赖于硬编码数字（例如顶部：27px）像素值的解决方案。当然，在我的小 Fiddle 中让事情发挥作用是件好事，但在我更广泛的应用中，我不能保证汉堡菜单有多大或多小。

当我的应用程序打开时，首先显示主屏幕。NavigationDrawer在主屏幕上，我在按下后打开了它。后来HamburgerIcon我转到不同的片段。当我在除 Home 之外的其他片段中时，Activity我需要显示后退按钮Toolbar才能回到上一个片段。但它每次都显示汉堡图标。如何做到这一点？
这是Toolbar在 XML 中设置的代码

<android.support.v4.widget.DrawerLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/drawerLayout"
    tools:context="biz.fyra.myApp.ActivityTwo">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#ccc"
            android:minHeight="?attr/actionBarSize">
            <ImageView
                android:id="@+id/tooImage"
                android:src="@drawable/latest"
                android:layout_width="match_parent"
                android:layout_gravity="center_horizontal"
                android:layout_height="40dp" />
        </android.support.v7.widget.Toolbar>
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/frame">
        </FrameLayout>
    </LinearLayout>
    <android.support.design.widget.NavigationView
        android:layout_width="300dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/nav_header"
        android:id="@+id/navigationView"
        app:menu="@menu/actionmenu"
        android:background="@android:color/white">
    </android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>  

如何实现这一目标？

我正在使用 jetpack 导航组件来构建导航抽屉，我想更改工具栏的汉堡包图标，我尝试了很多解决方案，例如波纹管，但它们不起作用

app:navigationIcon="@drawable/menu"

还

getSupportActionBar().setHomeButtonEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setHomeAsUpIndicator(R.drawable.menu);

这是我的代码

 override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    setSupportActionBar(toolbar)
    navController=findNavController(R.id.nav_host_fragment)
    appBarConfiguration=AppBarConfiguration(setOf(R.id.nav_acceuil,R.id.nav_notifications,R.id.nav_gerer,R.id.nav_deconnexion),drawer_layout)
    setupActionBarWithNavController(navController,appBarConfiguration)
    nav_view.setupWithNavController(navController);
}