如何在 v7 工具栏上使用工具栏的主页按钮提供向上导航

Question

我的 activity ( import android.support.v7.widget.Toolbar; ) 中有一个工具栏，我正在尝试使用其主页按钮提供向上导航。我有：

清单：

<!-- ... -->
<activity android:name=".SettingsActivity"
          android:label="@string/settings"
          android:parentActivityName=".MainActivity"/>
<!-- ... -->

view_toolbar.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:elevation="4dp">
</android.support.v7.widget.Toolbar>

activity_settings.xml :

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Toolbar -->
    <include
        layout="@layout/view_toolbar" />

    <!-- ... -->

我的 onCreate 方法：

super.onCreate(bundle)
setContentView(R.layout.activity_settings);

// Set the toolbar
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

到目前为止，我不应该有向上按钮，我也没有。所以我们很好。但是当我尝试添加它时，我不能。

首先我尝试了这个：

getSupportActionBar().setDisplayShowHomeEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

没用。然后我尝试了这个（如图here）：

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
    Toast.makeText(ToolbarActivity.this, "Up clicked", 
        Toast.LENGTH_SHORT).show();
    NavUtils.navigateUpFromSameTask(ToolbarActivity.this);
}
});

我什至尝试了我在某处看到的解决方法，包括创建一个虚拟菜单并尝试从 onOptionsItemSelected 获取事件（顺便说一下，它从未被调用过）。

我能做什么？通过工具栏提供向上导航的正确方法是什么？

Answer 1

据我所知，工具栏的后退按钮被视为菜单项，所以正如您所说，您应该覆盖 onOptionsItemSelected。

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
    // Respond to the action bar's Up/Home button
    case android.R.id.home:
        //Home/back button
        return true;
    }
    return super.onOptionsItemSelected(item);
}

Answer 2

我之前也遇到过这种问题。我怀疑 include 有问题。尝试将 id 添加到工具栏包含的布局，如

<include
    layout="@layout/view_toolbar"
    id = "@+id/incl_toobar"/>

现在尝试使用 incl_toolbar 获取工具栏。

Toolbar toolbar = (Toolbar) findViewById(R.id.incl_toolbar);

希望这对您有所帮助。

此致，
斯里

Answer 3

您是否使用以下代码将工具栏设置为默认 activity 操作栏？

setSupportActionBar(toolbar);

您没有为主页按钮设置图像图标，也许它显示了，但您看不到它。

getSupportActionBar().setHomeAsUpIndicator(iconDrawable);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

正如@Gonzalo 所说，您还必须覆盖菜单 select 事件来处理主页按钮 onClick 事件

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
    // Respond to the action bar's Up/Home button
    case android.R.id.home:
        //handle the home button onClick event here.
        return true;
    case android.R.id.other_menu
        return true
    }

    return super.onOptionsItemSelected(item);
}

为什么你没有包含工具栏的 appbarlayout？

<android.support.design.widget.AppBarLayout
        android:id="@+id/baseAppbarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/baseToolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

</android.support.design.widget.AppBarLayout>

更多actionbar实现细节请查看我的github项目，希望对您有所帮助：

java代码 https://github.com/DanielShum/MaterialAppBase/blob/master/materialAppBaseLibrary/src/main/java/com/daililol/material/appbase/base/BaseActionbarActivity.java

xml代码 https://github.com/DanielShum/MaterialAppBase/blob/master/materialAppBaseLibrary/src/main/res/layout/base_actionbar_activity.xml

Answer 4

你可以这样做。

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setTitle(R.string.title);
toolbar.setNavigationIcon(R.mipmap.back); // just setNavigationIcon
setSupportActionBar(toolbar);

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        // Respond to the toorbar's NavigationIcon as up/home button
        case android.R.id.home:
            //NavigationIcon
            return true;
    }
    return super.onOptionsItemSelected(item);
}

Answer 5

我找到了一个简单的方法。完全符合预期。

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_id);
    toolbar.setTitleTextColor(Color.WHITE);
    toolbar.setTitle(getResources().getString(R.string.your_title));
    toolbar.setNavigationIcon(R.mipmap.back_btn);
    setSupportActionBar(toolbar);

    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            onBackPressed();  // byDefault provided backPressed method, or handle your own way
        }
    });

Answer 6

1- 设置工具栏

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

2- 设置你的图标

    if (toolbar != null) {
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setHomeButtonEnabled(true);

    }

3-覆盖此方法

@Override
public boolean onSupportNavigateUp() {
    onBackPressed();
    return true;
}

Answer 7

很简单。只需执行以下步骤：

将工具栏添加到 activity_child.xml:

（在我的项目中，这个AppBarLayout被放在一个ConstraintLayout里面）

<android.support.design.widget.AppBarLayout
            android:id="@+id/appBarLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/AppTheme.AppBarOverlay"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>

...

在 ChildActivity.java

public class ChildActivity extends AppCompatActivity
{

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_child);

        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_arrow_back_black_24dp);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
  }

  ...
}

在AndroidManifest.xml

parentActivityName

<activity android:name=".ChildActivity"
            android:theme="@style/AppTheme.NoActionBar"
            android:parentActivityName=".ParentActivity"/>

重要

为了使其正常工作，不要在调用 startActivity(intent).[=21= 之后 在父 activity 中调用 finish() ]

Answer 8

当事件绑定到 ViewDataBinding 时，可以通过 ID home select:

this.getDataBinding().toolbarProducts.home.setOnClickListener(view -> {
    NavController controller = Navigation.findNavController(getDataBinding().getRoot());
    controller.navigateUp();
});

在 Fragment.

中没有其他东西对我有用

如何在 v7 工具栏上使用工具栏的主页按钮提供向上导航

How provide Up navigation with toolbar's home button on v7 toolbar

android

android-toolbar