在工具栏上显示后退箭头

我在我的应用程序中从ActionBar迁移到Toolbar。 但是我不知道如何在Toolbar上的Back Arrow上显示和设置单击事件，就像我在Actionbar上做的那样。< / p >

enter image description here

对于ActionBar，我调用mActionbar.setDisplayHomeAsUpEnabled(true)。 但是没有类似的方法。

有没有人遇到过这种情况，并以某种方式找到了解决它的方法?

592501 次浏览
小开
最佳答案

如果你正在使用ActionBarActivity，那么你可以告诉Android使用Toolbar作为ActionBar，如下所示:

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

然后调用

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

将工作。你也可以在片段中使用它附加到ActionBarActivities，你可以这样使用它:

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

如果你没有使用ActionBarActivities，或者如果你想在Toolbar上得到后退箭头，而不是设置为SupportActionBar，那么你可以使用以下方法:

mActionBar.setNavigationIcon(getResources().getDrawable(R.drawable.ic_action_back));
mActionBar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//What to do on back clicked
}
});

如果你正在使用android.support.v7.widget.Toolbar，那么你应该添加以下代码到你的AppCompatActivity:

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

如果你使用AppCompatActivity 是，并且已经走上了不使用它的道路，因为你不想得到它提供的自动ActionBar，因为你想要分离出Toolbar，因为你的材料设计需求和CoordinatorLayout或AppBarLayout，那么，考虑一下:

你仍然可以使用AppCompatActivity，你不需要停止使用它，只是为了在xml中使用<android.support.v7.widget.Toolbar>。只需关闭操作栏风格，如下所示:

首先，从你喜欢的styles.xml中的一个NoActionBar主题派生一个风格，我像这样使用Theme.AppCompat.Light.NoActionBar:

<style name="SuperCoolAppBarActivity" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/primary</item>


<!-- colorPrimaryDark is used for the status bar -->
<item name="colorPrimaryDark">@color/primary_dark</item>
...
...
</style>

在你的App的manifest中，选择你刚刚定义的子样式主题，如下所示:

    <activity
android:name=".activity.YourSuperCoolActivity"
android:label="@string/super_cool"
android:theme="@style/SuperCoolAppBarActivity">
</activity>

在你的Activity Xml中，如果工具栏是这样定义的:

...
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
/>
...

然后，这是重要的部分，你集支持操作栏到AppCompatActivity，你正在扩展，这样你的xml工具栏，就变成了操作栏。我觉得这是一种更好的方法，因为你可以简单地做ActionBar允许的许多事情，如菜单、自动活动标题、项目选择处理等，而不需要添加自定义点击处理程序等。

在你的活动的onCreate覆盖，做以下:

@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_super_cool);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);


setSupportActionBar(toolbar);
//Your toolbar is now an action bar and you can use it like you always do, for example:
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
}
小开

你可以使用工具栏setNavigationIcon方法。 # EYZ0 < / p > 

mToolBar.setNavigationIcon(R.drawable.abc_ic_ab_back_mtrl_am_alpha);


mToolBar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
handleOnBackPress();
}
});
小开

我看到了很多答案，但这是我之前没有提到的。它从API 8+工作。

public class DetailActivity extends AppCompatActivity


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


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


// add back arrow to toolbar
if (getSupportActionBar() != null){
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setDisplayShowHomeEnabled(true);
}
}


@Override
public boolean onOptionsItemSelected(MenuItem item) {
// handle arrow click here
if (item.getItemId() == android.R.id.home) {
finish(); // close this activity and return to preview activity (if there is any)
}


return super.onOptionsItemSelected(item);
}
小开

有很多方法可以做到这一点，下面是我最喜欢的:

布局:

<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:navigationIcon="?attr/homeAsUpIndicator" />

活动:

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


toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// back button pressed
}
});
小开 
MyActivity extends AppCompatActivity {


private Toolbar toolbar;


@Override
protected void onCreate(Bundle savedInstanceState) {
...
toolbar = (Toolbar) findViewById(R.id.my_toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
toolbar.setNavigationOnClickListener(arrow -> onBackPressed());
}
小开

效果很好

public class BackButton extends AppCompatActivity {


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.chat_box);
Toolbar chatbox_toolbar=(Toolbar)findViewById(R.id.chat_box_toolbar);
chatbox_toolbar.setTitle("Demo Back Button");
chatbox_toolbar.setTitleTextColor(getResources().getColor(R.color.white));
setSupportActionBar(chatbox_toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setDisplayShowHomeEnabled(true);
chatbox_toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {


//Define Back Button Function
}
});
}
}
小开 
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setNavigationIcon(R.drawable.back_arrow); // your drawable
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
onBackPressed(); // Implemented by activity
}
});

对于API 21+ android:navigationIcon

<android.support.v7.widget.Toolbar
android:navigationIcon="@drawable/back_arrow"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"/>
小开

我使用了谷歌开发人员文档的方法:

@Override
public void onCreate(Bundle savedInstanceState) {
...
getActionBar().setDisplayHomeAsUpEnabled(true);
}

如果你得到一个空指针异常，这可能取决于主题。尝试在清单中使用不同的主题，或者使用以下方法:

@Override
public void onCreate(Bundle savedInstanceState) {
...
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
}

然后在清单中，我为当前活动设置父活动:

<activity
android:name="com.example.myapp.MyCurrentActivity"
android:label="@string/title_activity_display_message"
android:parentActivityName="com.example.myfirstapp.MainActivity" >
<!-- Parent activity meta-data to support 4.0 and lower -->
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value="com.example.myapp.MyMainActivity" />
</activity>

我希望这对你有帮助!

小开

如果你不想创建一个自定义的Toolbar，你可以这样做

public class GalleryActivity extends AppCompatActivity {


@Override
public void onCreate(Bundle savedInstanceState) {
...
getSupportActionBar().setTitle("Select Image");
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setDisplayShowHomeEnabled(true);
}


@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (item.getItemId() == android.R.id.home) {
finish();
}
return super.onOptionsItemSelected(item);
}
}

在你AndroidManifest.xml

<activity
android:name=".GalleryActivity"
android:theme="@style/Theme.AppCompat.Light">
</activity>

你也可以把这个android:theme="@style/Theme.AppCompat.Light"到<aplication>标签，适用于所有的活动

enter image description here

小开

在你想要的活动的清单文件中 添加一个后退按钮，我们将使用属性android: parentActivityName 

        <activity
android:name=".WebActivity"
android:screenOrientation="portrait"
android:parentActivityName=".MainActivity"
/>

该属性在API Level 16中引入。

小开

以AppCompatActivity为例，你可以这样做

public class GrandStatActivity extends AppCompatActivity {


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


@Override
public void onResume() {
super.onResume();


// Display custom title
ActionBar actionBar = this.getSupportActionBar();
actionBar.setTitle(R.string.fragment_title_grandstats);


// Display the back arrow
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setDisplayShowHomeEnabled(true);
}


// Back arrow click event to go to the parent Activity
@Override
public boolean onSupportNavigateUp() {
onBackPressed();
return true;
}


}
小开

简单和容易的方法显示工具栏上的返回按钮

将此代码粘贴到onCreate方法中

 if (getSupportActionBar() != null){


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

将这个覆盖方法粘贴到onCreate方法之外

@Override
public boolean onOptionsItemSelected(MenuItem item) {
if(item.getItemId()== android.R.id.home) {


finish();
}
return super.onOptionsItemSelected(item);
}
小开

你很容易就能做到。

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


getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setDisplayShowHomeEnabled(true);
@Override
public boolean onSupportNavigateUp() {
onBackPressed();
return true;
}
< p >学分: # EYZ0 < / p >
小开

在Kotlin是这样的

private fun setupToolbar(){
toolbar.title = getString(R.string.YOUR_TITLE)
setSupportActionBar(toolbar)
supportActionBar?.setDisplayHomeAsUpEnabled(true)
supportActionBar?.setDisplayShowHomeEnabled(true)
}


// don't forget click listener for back button
override fun onSupportNavigateUp(): Boolean {
onBackPressed()
return true
}
小开

将此添加到activity的布局文件夹中的xml:

<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/prod_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>

使工具栏可点击，添加这些到onCreate方法:

Toolbar toolbar = (Toolbar) findViewById(R.id.prod_toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setDisplayShowHomeEnabled(true);
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
小开

而Kotlin则变成了:

Xml:

<include
android:id="@+id/tbSignToolbar "
layout="@layout/toolbar_sign_up_in"/>

在活动中:-

setSupportActionBar(tbSignToolbar as Toolbar?)//tbSignToolbar :id of your toolbar
supportActionBar?.setDisplayHomeAsUpEnabled(true)
supportActionBar?.setDisplayShowHomeEnabled(true)
小开

如果你使用DrawerLayout和ActionBarDrawerToggle，然后显示回来按钮而不是菜单按钮(反之亦然)，你需要在你的活动中添加以下代码:

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// ...


mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, R.string.application_name, R.string.application_name);
mDrawerLayout.addDrawerListener(mDrawerToggle);


mDrawerToggle.setHomeAsUpIndicator(R.drawable.ic_arrow_back_white_32dp);
mDrawerToggle.setToolbarNavigationClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
onBackPressed(); // Or you can perform some other action here when Back button is clicked.
}
});
mDrawerToggle.syncState();
// ...
}


@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (mDrawerToggle.onOptionsItemSelected(item))
return true;


switch (item.getItemId()) {
case android.R.id.home:
onBackPressed();
return true;
// ...
}


return super.onOptionsItemSelected(item);
}


public void showBackInToolbar(boolean isBack) {
// Remove next line if you still want to be able to swipe to show drawer menu.
mDrawerLayout.setDrawerLockMode(isBack ? DrawerLayout.LOCK_MODE_LOCKED_CLOSED : DrawerLayout.LOCK_MODE_UNLOCKED);
mDrawerToggle.setDrawerIndicatorEnabled(!isBack);
mDrawerToggle.syncState();
}

所以当你需要显示回来按钮而不是菜单按钮时，调用showBackInToolbar(真正的)，如果你需要菜单按钮，调用showBackInToolbar(假)。

你可以生成反向箭头(ic_arrow_back_white_32dp) 在这里，在剪纸艺术部分搜索arrow_back(使用默认的32dp和8dp填充)。只要选择你想要的颜色。

小开

你可以在你的Toolbar中添加Relative layout或Linear Layout，并在工具栏的任何地方放置一个后退图标或关闭图标的图像视图

例如，我在工具栏中使用了相对布局

 <android.support.v7.widget.Toolbar
android:id="@+id/toolbar_top"
android:layout_width="match_parent"
android:layout_height="35dp"
android:minHeight="?attr/actionBarSize"
android:nextFocusDown="@id/netflixVideoGridView"
app:layout_collapseMode="pin">


<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">




<TextView


android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Myflix"
android:textAllCaps="true"
android:textSize="19sp"
android:textColor="@color/red"
android:textStyle="bold" />




<ImageView
android:id="@+id/closeMyFlix"
android:layout_alignParentRight="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
app:srcCompat="@drawable/vector_close" />




</RelativeLayout>


</android.support.v7.widget.Toolbar>

它是这样的:

enter image description here

你可以在图像视图中从活动或片段中添加点击监听器。

  closeMyFlix.setOnClickListener({
Navigator.instance.showFireTV(  activity!!.supportFragmentManager)
})
小开

如果你想要得到工具栏上的后退箭头，而不是设置为你的SupportActionBar:

(芬兰湾的科特林)

val resId = getResIdFromAttribute(toolbar.context, android.R.attr.homeAsUpIndicator)
toolbarFilter.navigationIcon = ContextCompat.getDrawable(toolbar.context, resId)
toolbarFilter.setNavigationOnClickListener { fragmentManager?.popBackStack() }

从属性中获取res:

@AnyRes
fun getResIdFromAttribute(context: Context, @AttrRes attr: Int): Int {
if (attr == 0) return 0
val typedValueAttr = TypedValue()
context.theme.resolveAttribute(attr, typedValueAttr, true)
return typedValueAttr.resourceId
}
小开

如果您正在使用JetPack导航。

这是MainActivity的布局

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">


<androidx.appcompat.widget.Toolbar
android:id="@+id/toolBar"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:layout_width="match_parent"
android:layout_height="wrap_content">


</androidx.appcompat.widget.Toolbar>


<fragment
android:id="@+id/my_nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintTop_toBottomOf="@id/toolBar"
app:layout_constraintBottom_toTopOf="parent"
app:navGraph="@navigation/nav_graph"/>

在activity类的onCreate()中设置你的工具栏，如下所示。

val navHostFragment = supportFragmentManager
.findFragmentById(R.id.my_nav_host_fragment) as NavHostFragment? ?: return


val navController = navHostFragment.findNavController()
val toolBar = findViewById<Toolbar>(R.id.toolBar)
setSupportActionBar(toolBar) // To set toolBar as ActionBar
setupActionBarWithNavController(navController)
如果需要，将在工具栏上创建一个后退按钮，并处理后退按钮功能。 如果你需要写一个CustomBack功能，在你的片段onCreate()方法

上创建一个回调 
val callback = requireActivity().onBackPressedDispatcher.addCallback(this) {
// Handle the back button event
}

从文档:# EYZ0

小开

首先，你需要初始化工具栏:

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

然后从操作栏调用后退按钮:

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


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

可能有一个更可靠的方法从你的主题获得向上图标(如果不使用工具栏作为你的动作栏):

toolbar.navigationIcon = context.getDrawableFromAttribute(R.attr.homeAsUpIndicator)

为了将主题属性转换为可绘制对象，我使用了一个扩展函数:

fun Context.getDrawableFromAttribute(attributeId: Int): Drawable {
val typedValue = TypedValue().also { theme.resolveAttribute(attributeId, it, true) }
return resources.getDrawable(typedValue.resourceId, theme)
}
小开

如果你正在使用androidx.appcompat.app.AppCompatActivity，只需使用:

Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

然后在Manifest.xml中定义父活动。

<activity
android:name=".MyActivity"
...>
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value=".ParentActivity" />
</activity>

相反，如果你正在使用Toolbar并且你想要一个自定义行为，只需使用:

<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
app:navigationIcon="?attr/homeAsUpIndicator"
.../>

在你的活动中:

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//....
}
});
小开

也许它会帮助别人，我没有在答案中找到我最后做的事情: 使用ActionBarDrawerToggle mDrawerToggle; 在工具栏中显示后退箭头。 < / p > mDrawerToggle.setDrawerIndicatorEnabled(假);

如果你想让它在工具栏中显示汉堡:

mDrawerToggle.setDrawerIndicatorEnabled(真正的);

小开

如果你想快速处理你的问题，请遵循以下3个步骤。简单:

将文件ic_arrow.xml添加到Drawable文件夹，并添加下面的代码(将下面的代码添加到ic_arrow.xml中)

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:width="24dp"
android:height="24dp"
android:tint="@color/black"
android:viewportWidth="24"
android:viewportHeight="24"
tools:ignore="ExtraText">
<path
android:fillColor="@android:color/white"
android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z" />
</vector>

添加ImageButton到Toolbar(确保工具栏自定义，而不是标题栏或状态栏)-如果你想，你可以自定义ImageButton(箭头按钮)的位置

<ImageButton
android:id="@+id/arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_arrow"
android:layout_marginTop="15dp"
android:layout_marginStart="15dp"
android:background="@android:color/transparent"
tools:ignore="ContentDescription" />

添加setArrowButton方法到DetailActivity.java(或任何你需要的xxxActivity.java)

public class DetailActivity extends AppCompatActivity {
ImageButton arrowButton;


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


arrowButton = findViewById(R.id.arrow);


setArrowButton(arrowButton);
}


public void setArrowButton(ImageButton arrowButton) {
arrowButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
finish(); //will close the moment activity and return to
//the last activity
}
});
}
}

完成

关于arrowButton的预览

enter image description here


提交答案