如何为 Material 组件顶部应用栏 (Android) 中的导航图标设置 onclick 事件

Question

我使用 Material 组件 (Android) 创建了一个顶部应用栏，并将导航图标从菜单图标更改为箭头图标。单击事件返回到上一页。我已经阅读了官方文档，但在我的案例中不起作用。我不知道如何为该箭头图标设置点击事件。感谢任何帮助。

一个更好的图像来理解我在说什么 Click me

Link 文档 Click me

settingsActivity.java

package studio.itztaylorau.dashboard;

import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;
import androidx.preference.PreferenceFragmentCompat;

import studio.itztaylorau.dashboard.R;
import studio.itztaylorau.dashboard.AccountActivity;

public class SettingsActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.settings_activity);
        if (savedInstanceState == null) {
            getSupportFragmentManager()
                    .beginTransaction()
                    .replace(R.id.settings, new SettingsFragment())
                    .commit();
        }
        View topAppBar = findViewById(R.id.topAppBar);
        topAppBar.setNavigationOnClickListener {
            Intent i = new Intent(getApplicationContext(), Account.class);
            startActivity(i);
        }
    }
    public static class SettingsFragment extends PreferenceFragmentCompat {
        @Override
        public void onCreatePreferences(Bundle savedInstanceState, String rootKey) {
            setPreferencesFromResource(R.xml.root_preferences, rootKey);
        }
    }
}

settingsActivity.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <FrameLayout
        android:id="@+id/settings"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <com.google.android.material.appbar.MaterialToolbar
                android:id="@+id/topAppBar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:title="@string/topAppBarTitle_Settings"
                android:background="@color/appTopBar"
                app:navigationIcon="@drawable/ic_baseline_arrow_back_24"
                />
        </com.google.android.material.appbar.AppBarLayout>
    </FrameLayout>
</LinearLayout>

Answer 1

您正在 settings FrameLayout 占位符上进行片段事务，但此占位符还包含工具栏的 AppBarLayout。

解决这个问题：

第 1 步： 从 Fragment FrameLayout 占位符中获取 AppBarLayout，因此，将布局更改为：

<LinearLayout 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"
    android:orientation="vertical">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/topAppBar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/appTopBar"
            app:navigationIcon="@drawable/ic_baseline_arrow_back_24"
            app:title="@string/topAppBarTitle_Settings" />
    </com.google.android.material.appbar.AppBarLayout>

    <FrameLayout
        android:id="@+id/settings"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>
</LinearLayout>

第 2 步： 而不是 topAppBar.setNavigationOnClickListener，使用 topAppBar.setOnClickListener

View topAppBar = findViewById(R.id.topAppBar);
topAppBar.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Intent i = new Intent(getApplicationContext(), Account.class);
        startActivity(i);
    }
});

如何为 Material 组件顶部应用栏 (Android) 中的导航图标设置 onclick 事件

How to set onclick event for the navigation icon in Material Components top app bars (Android)

java

android

material-components-android