logo标签列表

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

androidandroid-toolbar
19

我的活动中有一个工具栏 (import android.support.v7.widget.Toolbar;)，我试图使用它的主页按钮提供向上导航。我的代码：

清单文件：

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

视图工具栏.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);

没起作用。 然后我试了这个（如这里所示）：

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中获取事件（顺便说一下，这个方法从未被调用过）。
我该怎么办？ 工具栏提供向上导航的正确方式是什么？
因为您在清单文件中声明了父活动，所以我认为这个答案可能会有帮助：https://dev59.com/YWct5IYBdhLWcg3wL6qi#12276100 - ductran
你的Activity继承了哪个类？ - Gonzalo
@Gonzalo AppCompatActivity - TheCrafter
你找到解决问题的方法了吗？我也遇到了同样的问题。对我来说，无论是在片段还是活动中，返回按钮或主页图标都不会调用onOptionMenuSelected。 - AmeyaB
1
@AmeyaB onOptionsItemSelected 怎么样？无论如何，主要思路是从 android.R.id.home 按钮中捕获事件并在那里 finish() 您的活动。尝试下面的 "Daniel Martin Shum" 的答案。他说的是对的，即使当时没有解决我的问题。 - TheCrafter
8个回答
15

你是否有以下代码，将工具栏设置为默认的活动操作栏？

setSupportActionBar(toolbar);

你没有为主页按钮设置图像图标，也许它已经显示出来了，但你只是看不见它。

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

就像 @Gonzalo 说的那样，你还需要覆盖菜单选择事件以处理主页按钮的 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>

更多操作栏实现的细节，请查看我的 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

1
谢谢你的帮助。我尝试使用appbarlayout，但是它没有起作用。同时，返回图标出现了。我可以在屏幕上看到它，但按下它没有任何效果。 - TheCrafter
12

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;
}
即使文档上说需要，但当targetSDK=30时，我不需要使用#setHomeButtonEnabled(true)。 - William
非常好的解决方案 - Anti Atlas Dev
4
很简单，只需按照以下步骤操作：
  1. 将工具栏添加到 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>

...
  1. 在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);
  }

  ...
}
  1. 在AndroidManifest.xml中设置parentActivityName属性
<activity android:name=".ChildActivity"
            android:theme="@style/AppTheme.NoActionBar"
            android:parentActivityName=".ParentActivity"/>

重要提示

为了使其正常工作，请在调用startActivity(intent)之后不要在父活动中调用finish()。

1
自从我提出那个问题以来，我已经用许多不同的方法解决了这个问题很多次。我会接受你的答案，因为它比@Daniel Martin Shum的答案更更新。抱歉我回复晚了，我已经很久没有登录了。 - TheCrafter
2
你可以像这样做。
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);
}
如果您想使用工具栏，您应该设置Activity的noactionbar样式。例如： - Dong Wang
工具栏本身是可以使用的。问题出在主页按钮上。工具栏已经启动并运行。 - TheCrafter
1
我找到了一种简单的方法。它完美地符合预期。
    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
        }
    });
1
可以在使用ViewDataBinding绑定事件时，通过ID home 进行选择：
this.getDataBinding().toolbarProducts.home.setOnClickListener(view -> {
    NavController controller = Navigation.findNavController(getDataBinding().getRoot());
    controller.navigateUp();
});

在一个Fragment中，没有其他东西适用于我。

0
据我所知，工具栏的返回按钮被视为菜单项，所以正如你所说，你应该重写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);
}
尝试过了，但不起作用。正如我在帖子中所述，onOptionsItemSelected 从未被调用。 - TheCrafter
0

我之前也遇到过这种问题。我怀疑是与include有关的问题。尝试在工具栏包含的布局中添加一个id，例如：

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

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

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

希望这能有所帮助。

祝好，
Sree

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接