【问题标题】:Toolbar navigation icon never set工具栏导航图标从未设置
【发布时间】:2014-12-18 22:51:16
【问题描述】:

我正在尝试新的工具栏组件,但导航图标出现了一些问题。 我想为后退导航实现一个自定义图标:

在我的清单中,我为我的活动设置了一个父级:

<activity android:name=".CardsActivity" android:parentActivityName=".MainActivity">
    <!-- Parent activity meta-data to support API level 7+ -->
    <meta-data
        android:name="android.support.PARENT_ACTIVITY"
        android:value=".MainActivity" />
</activity>

我这样声明工具栏:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.example.lollitest.MainActivity" >
    
    <android.support.v7.widget.Toolbar
        android:id="@+id/my_awesome_toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:layout_marginBottom="10dp"
        android:background="?attr/colorPrimary" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/my_awesome_toolbar"
        android:text="@string/hello_world" />

</RelativeLayout>

然后在我的活动中,我像这样配置工具栏:

Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
toolbar.setNavigationIcon(R.drawable.ic_good);
toolbar.setTitle("Title");
toolbar.setSubtitle("Sub");
toolbar.setLogo(R.drawable.ic_launcher);
setSupportActionBar(toolbar);

这给了我:

返回图标不是我用setNavigationIcon()设置的那个!无论我为该方法提供什么可绘制对象,导航图标始终是后退箭头。

我试图在清单中删除父关联,但唯一的效果是(显然)阻止按钮返回。

相反,如果我想要默认的后退箭头图标并且不调用setNavigationIcon(),我根本没有任何图标。

处理工具栏中导航图标的正确方法是什么(自定义和默认)?

注意:我在 Android 4.4 上运行我的测试

【问题讨论】:

  • 我已经做了很多次了,但不知何故它现在对我不起作用?
  • 值得注意的是,不建议添加 app:navigationIcon,因为“所有 Android 设备都为此类导航提供返回按钮,因此您不应在应用的 UI 中添加返回按钮”developer.android.com/guide/navigation/navigation-custom-back

标签: android material-design android-toolbar android-appcompat android-actionbar-compat


【解决方案1】:

目前可以用了,换个顺序:(好像是bug)

Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
setSupportActionBar(toolbar);

toolbar.setNavigationIcon(R.drawable.ic_good);
toolbar.setTitle("Title");
toolbar.setSubtitle("Sub");
toolbar.setLogo(R.drawable.ic_launcher);

【讨论】:

  • 确实适用于自定义图标!如果想要默认图标怎么办,没有等效于 sethomebuttonenabled(true) ,是吗?
  • getSupportedActionBar().setHomeButtonEnabled(true);
  • @GabrieleMariotti 刚刚纠正! getSupportActionBar().setHomeButtonEnabled(true);
  • @Jabbar_Jigariyo 这似乎对我不起作用。设置主页按钮是否有任何特定的排序错误?
  • 没关系,我找到了解决办法。您必须在 setSupportActionBar 到您的工具栏后添加getSupportActionBar().setDisplayHomeAsUpEnabled(true);。类似于设置导航图标。
【解决方案2】:

(user802421的回答)

private void setToolbar() {
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    if (toolbar != null) {
        setSupportActionBar(toolbar);
        toolbar.setNavigationIcon(R.drawable.ic_action_back);
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                onBackPressed();
            }
        });
    }
}

工具栏.xml

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/toolbar_height"
    android:background="?attr/colorPrimaryDark" />

【讨论】:

    【解决方案3】:

    我有类似的问题。在我头疼之后,我发现我的 ActionBarDrawerToggle 正在修改图标,而且它不应该修改图标(因为我没有将工具栏引用到切换组件)。所以在我的 NavigationDrawerFragment 类(处理打开和关闭)中 setUp(...) 方法我设置
    mDrawerToggle.setHomeAsUpIndicator(R.drawable.app_icon);
    终于成功了。

    【讨论】:

      【解决方案4】:

      特定于导航图标,这是正确的顺序

      // get the actionbar as Toolbar and set it up
      Toolbar toolbar = (Toolbar) findViewById(R.id.signIn_toolbar);
      setSupportActionBar(toolbar);
      

      通知工具栏提供返回导航。这会将图标设置为默认材质图标

      getSupportActionBar().setDisplayHomeAsUpEnabled(true);
      

      稍后用自定义图标覆盖图标,在我的例子中是 Holo 返回图标

      toolbar.setNavigationIcon(R.drawable.ic_chevron_left_white_36dp);
      

      【讨论】:

        【解决方案5】:

        我尝试设置像@Gabriele Mariotti 这样的工具栏,但我的标题有些问题。然后我将顺序设置为

        toolbar.setTitle("Title")
        setSupportActionBar(toolbar);
        toolbar.setNavigationIcon(R.drawable.ic_good);
        

        它有效。

        【讨论】:

          【解决方案6】:

          我刚刚找到了解决方案。真的很简单:

          mDrawerToggle.setDrawerIndicatorEnabled(false);
          

          希望对你有帮助。

          【讨论】:

          • 请说,如何得到mDrawerToggle对象!
          • android.support.v7.widget.Toolbar 没有 setDrawerIndicatorEnabled 方法
          • @AdrianPreuss 你应该自己创建它。示例:ActionBarDrawerToggle(activity, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close)
          【解决方案7】:

          我使用了下面的方法,这确实是上述所有方法的难题。我还发现 onOptionsItemSelected 永远不会被激活。

              mDrawerToggle.setDrawerIndicatorEnabled(false);
              getSupportActionBar().setHomeButtonEnabled(true);
          
              Toolbar toolbar = (Toolbar) findViewById(R.id.tool_bar);
              if (toolbar != null) {
                  toolbar.setNavigationOnClickListener(new View.OnClickListener() {
                      @Override
                      public void onClick(View v) {
                          onBackPressed();
                      }
                  });
              }
          

          【讨论】:

            【解决方案8】:

            您可以使用invalidate() 方法在任何地方更改工具栏状态。 示例:

            Toolbar toolbar = (Toolbar)findViewById(R.id.my_awesome_toolbar);
            setSupportActionBar(toolbar);
            
            toolbar.setNavigationIcon(R.mipmap.arrow_white);
            toolbar.invalidate();       // restore toolbar
            

            【讨论】:

              【解决方案9】:

              试试这个:

                <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
                      xmlns:toolbar="http://schemas.android.com/apk/res-auto"
                      android:id="@+id/tool_drawer"
                      android:layout_width="match_parent"
                      android:layout_height="?actionBarSize"
                      toolbar:navigationIcon="@drawable/ic_navigation">
              
                  </android.support.v7.widget.Toolbar>
              

              【讨论】:

                【解决方案10】:

                使用 setNavigationIcon 来改变它。不要忘记先创建 ActionBarDrawerToggle!

                示例代码对我有用:

                    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
                    setSupportActionBar(toolbar);
                
                
                    drawer = (DrawerLayout)findViewById(R.id.drawer_layout);
                
                    ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                            this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
                    drawer.setDrawerListener(toggle);
                
                    toggle.syncState();
                
                    toolbar.setNavigationIcon(R.drawable.ic_menu);
                

                【讨论】:

                • 这对我有用——终于!这项更改标准汉堡菜单图标的工作非常困难。我无法弄清楚为什么在设置完其他所有内容然后分配图标之后这会起作用 - 有人知道吗?
                【解决方案11】:

                为我工作...

                <android.support.v7.widget.Toolbar
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:id="@+id/toolBar"
                        android:background="@color/colorGreen"
                        app:title="Title"
                        app:titleTextColor="@color/colorBlack"
                        app:navigationIcon="@drawable/ic_action_back"/>
                

                【讨论】:

                  【解决方案12】:

                  如果您已添加,请从活动中删除此行

                   @Override
                      protected void onPostCreate(Bundle savedInstanceState) {
                          super.onPostCreate(savedInstanceState);
                          // Sync the toggle state after onRestoreInstanceState has occurred.
                          mDrawerToggle.syncState();
                      }
                  

                  然后设置图标

                   getSupportActionBar().setHomeAsUpIndicator(icon);
                  

                  【讨论】:

                    【解决方案13】:

                    如果您不想将工具栏设置为操作栏,可以使用:

                            val toggle = ActionBarDrawerToggle(this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close)
                            toggle.isDrawerSlideAnimationEnabled = false
                            toggle.isDrawerIndicatorEnabled = false
                            toggle.setHomeAsUpIndicator(AppCompatResources.getDrawable(this, ...))
                            drawer!!.addDrawerListener(toggle)
                            toggle.setToolbarNavigationClickListener {
                                setDrawerOpened(!isDrawerOpened())
                            }
                            toggle.syncState()
                    
                    fun setDrawerOpened(open: Boolean) {
                        if (open == drawerLayout.isDrawerOpen(GravityCompat.START))
                            return
                        if (open)
                            drawerLayout.openDrawer(GravityCompat.START)
                        else drawerLayout.closeDrawer(GravityCompat.START)
                    }
                    

                    【讨论】:

                    • 在尝试了很多不同的选项后,这个解决方案对我有用。而且我相信这个选项toggle.isDrawerIndicatorEnabled = false对于确保可以设置新图标至关重要。
                    猜你喜欢
                    • 1970-01-01
                    • 2011-04-23
                    • 2015-05-07
                    • 2020-05-13
                    • 1970-01-01
                    • 1970-01-01
                    • 2016-03-06
                    • 2018-02-05
                    • 2015-03-20
                    相关资源
                    最近更新 更多