[英]How provide Up navigation with toolbar's home button on v7 toolbar
I have a toolbar in my activity ( import android.support.v7.widget.Toolbar;
) and I'm trying to provide Up navigation using its home button.我的活动中有一个工具栏 (
import android.support.v7.widget.Toolbar;
),我正在尝试使用其主页按钮提供向上导航。 What I have:我拥有的:
Manifest:显现:
<!-- ... -->
<activity android:name=".SettingsActivity"
android:label="@string/settings"
android:parentActivityName=".MainActivity"/>
<!-- ... -->
view_toolbar.xml: 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:
<?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" />
<!-- ... -->
my onCreate method:我的 onCreate 方法:
super.onCreate(bundle)
setContentView(R.layout.activity_settings);
// Set the toolbar
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
So far I shouldn't have an up button and I don't.到目前为止,我不应该有一个向上按钮,我也没有。 So we're fine.
所以我们很好。 But when I tried to add it, I couldn't.
但是当我试图添加它时,我做不到。
First I tried this:首先我试过这个:
getSupportActionBar().setDisplayShowHomeEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
Didn't work.没用。 Then I tried this (as shown 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);
}
});
I even tried a workaround I saw somewhere, involving creating a dummy menu and trying to get the event from onOptionsItemSelected
(which is never called by the way).我什至尝试了我在某处看到的解决方法,包括创建一个虚拟菜单并尝试从
onOptionsItemSelected
获取事件(顺便说一下,它从未被调用过)。
What can I do?我能做什么? What is the correct way to provide Up navigation through toolbar?
通过工具栏提供向上导航的正确方法是什么?
Did you have the below code to set your toolbar as the default activity actionbar? 您是否有以下代码将工具栏设置为默认活动操作栏?
setSupportActionBar(toolbar);
You did not set an image icon to the home button, maybe it shows up, but you just can't see it. 您没有将图像图标设置为主页按钮,可能会显示,但您无法看到它。
getSupportActionBar().setHomeAsUpIndicator(iconDrawable);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
and as @Gonzalo said, you also have to override the menu select event to handle the home button onClick event 正如@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);
}
and why didn't you have a appbarlayout to contain the toolbar? 为什么你没有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>
More actionbar implement details please have a look at my github project, hope it can help: 更多actionbar实现细节请看看我的github项目,希望它可以帮助:
java code https://github.com/DanielShum/MaterialAppBase/blob/master/materialAppBaseLibrary/src/main/java/com/daililol/material/appbase/base/BaseActionbarActivity.java java code https://github.com/DanielShum/MaterialAppBase/blob/master/materialAppBaseLibrary/src/main/java/com/daililol/material/appbase/base/BaseActionbarActivity.java
xml code https://github.com/DanielShum/MaterialAppBase/blob/master/materialAppBaseLibrary/src/main/res/layout/base_actionbar_activity.xml xml代码https://github.com/DanielShum/MaterialAppBase/blob/master/materialAppBaseLibrary/src/main/res/layout/base_actionbar_activity.xml
1- set your toolbar 1-设置工具栏
Toolbar toolbar = findViewById(R.id.toolbar);
2- setup your icon 2-设置您的图标
if (toolbar != null) {
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setHomeButtonEnabled(true);
}
3- override this method 3-覆盖此方法
@Override
public boolean onSupportNavigateUp() {
onBackPressed();
return true;
}
You can do it like this. 你可以这样做。
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);
}
I found a simple way. 我找到了一个简单的方法。 Which works perfectly according to expectation.
根据期望,它完美地运作。
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
}
});
As far as I know the back button of the toolbar is treated as a menu item, so as you say you should override the onOptionsItemSelected
. 据我所知,工具栏的后退按钮被视为菜单项,因此您应该覆盖
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);
}
I too had this kind of issue earlier. 我之前也遇到过这种问题。 I suspect there is something going on with
include
. 我怀疑有一些事情与
include
。 Try to add an id
to the toolbar included layout like 尝试在包含布局的工具栏中添加一个
id
<include
layout="@layout/view_toolbar"
id = "@+id/incl_toobar"/>
And now try to get the toolbar using incl_toolbar
. 现在尝试使用
incl_toolbar
获取工具栏。
Toolbar toolbar = (Toolbar) findViewById(R.id.incl_toolbar);
Hope this helps. 希望这可以帮助。
Regards, 问候,
Sree SREE
It's very simple. 这很简单。 Just do the following steps:
只需执行以下步骤:
activity_child.xml
: activity_child.xml
: (In my project, this AppBarLayout
is placed inside a ConstraintLayout
) (在我的项目中,这个
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
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);
}
...
}
parentActivityName
property in AndroidManifest.xml
AndroidManifest.xml
设置parentActivityName
属性 <activity android:name=".ChildActivity"
android:theme="@style/AppTheme.NoActionBar"
android:parentActivityName=".ParentActivity"/>
Important 重要
For this to work properly, do not call finish()
in the parent activity after you call startActivity(intent)
. 为了使其正常工作, 请在调用
startActivity(intent)
后调用父活动中的finish()
startActivity(intent)
。
One can select by ID home
, when binding the event with ViewDataBinding
:当使用
ViewDataBinding
绑定事件时,ID home
可以是 select:
this.getDataBinding().toolbarProducts.home.setOnClickListener(view -> {
NavController controller = Navigation.findNavController(getDataBinding().getRoot());
controller.navigateUp();
});
Nothing else worked for me inside a Fragment
.在
Fragment
中没有其他东西对我有用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.