71

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

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

<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 上运行我的测试

4

13 回答 13

117

目前你可以使用它,改变顺序:(这似乎是一个错误)

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);
于 2014-10-23T10:04:58.573 回答
25

具体到导航图标,这是正确的顺序

// 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);
于 2015-03-10T14:25:20.240 回答
20

(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" />
于 2015-02-09T05:57:02.843 回答
7

Use setNavigationIcon to change it. don't forget create ActionBarDrawerToggle first!

sample code work for me:

    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);
于 2016-09-20T07:24:43.390 回答
4

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

mDrawerToggle.setDrawerIndicatorEnabled(false);

希望它会帮助你。

于 2015-05-12T05:21:46.543 回答
3

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

于 2015-02-25T10:34:48.350 回答
3

我试图设置像@Gabriele Mariotti 这样的工具栏,但我的标题有些问题。所以然后我将订单设置为

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

它有效。

于 2015-05-10T19:45:40.093 回答
3

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

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

然后设置图标

 getSupportActionBar().setHomeAsUpIndicator(icon);
于 2017-01-23T10:04:18.080 回答
3

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

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

toolbar.setNavigationIcon(R.mipmap.arrow_white);
toolbar.invalidate();       // restore toolbar
于 2015-09-09T11:16:46.187 回答
3

我使用了下面的方法,这确实是上述所有方法的难题。我还发现 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();
            }
        });
    }
于 2015-08-28T15:30:20.250 回答
1

为我工作...

<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"/>
于 2016-09-22T13:16:26.040 回答
1

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

        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)
}
于 2018-01-02T10:09:38.777 回答
-1

尝试这个:

  <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>
于 2016-08-10T10:22:26.133 回答