【问题标题】:How to add a back button to action bar / toolbar如何将后退按钮添加到操作栏/工具栏
【发布时间】:2017-03-17 04:10:38
【问题描述】:

我已经编写了一段代码作为应用程序的一部分,我想在操作栏/工具栏上实现一个后退按钮,这样当按下按钮时,上一页(当前页面之前的页面/片段)页面/片段)将被显示。

这是 ToolBar、DrawerLayout、NavigationView 和 getSupportActionBar() 的代码:

final DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
final NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);

android.support.v7.widget.Toolbar toolbar = (android.support.v7.widget.Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
toolbar.setVisibility(View.VISIBLE);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setLogo(R.mipmap.ic_launcher);
getSupportActionBar().setDisplayUseLogoEnabled(true);
getSupportActionBar().setHomeButtonEnabled(true);

我无法使用 ActionBar。出于某种原因(我不知道为什么),我的 Android 工作室/程序不允许我使用 ActionBar。所以我用 set/getSupportActionBar() 代替它。

与此相关的函数是:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
     MenuInflater inflater = getMenuInflater();
     inflater.inflate(R.menu.menu_settings, menu);
     return true;
}        

@Override
public boolean onOptionsItemSelected(MenuItem item) {

     // Handle action bar item clicks here. The action bar will
     // automatically handle clicks on the Home/Up button, so long
     // as you specify a parent activity in AndroidManifest.xml.

     int id = item.getItemId();

     switch (id) {
         case android.R.id.home:
             onBackPressed();
             return true;
         default:
             return super.onOptionsItemSelected(item);
         }
    }        

@Override
public void onBackPressed() {

    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    if (drawer.isDrawerOpen(GravityCompat.START)) {
        drawer.closeDrawer(GravityCompat.START);
    } else {
        super.onBackPressed();        
    }
}

我的 activity_main.xml 文件是:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    android:fitsSystemWindows="true"
    android:id="@+id/activity_main"
    android:orientation="vertical"
    tools:openDrawer="start"
    tools:context="com.example.albin.settings_menu.SettingsActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff">

    <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:background="?attr/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:title="Settings"/>

    <android.support.v4.widget.DrawerLayout
            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:id="@+id/drawer_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        <FrameLayout
        android:id="@+id/frame"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/toolbar">

        </FrameLayout>

            <android.support.design.widget.NavigationView
                xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:id="@+id/nav_view"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="start"
                android:fitsSystemWindows="true"
                android:layout_marginTop="-24dp"
                app:menu="@menu/options_menu" />


        </android.support.v4.widget.DrawerLayout>

    </RelativeLayout>
    </LinearLayout>

问题是我不知道哪些是有用的代码,哪些是无用的代码以及如何混合/加入/(添加附加代码)这些(代码、方法、变量/对象、片段、xml布局) 来获得想要的结果,即在操作栏/工具栏上应用后退按钮。

上面的大部分代码都是针对向上按钮而不是返回按钮实现的。我在几个地方读到向上和返回按钮不一样。

我在互联网和这个网站上尝试了几个链接,但没有一个是我需要的。

希望有人能给我一个明确的答案...

【问题讨论】:

    标签: android android-fragments android-actionbar back


    【解决方案1】:

    您可以在ToolBar 中包含后退图标:

    初始化ToolBar:

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    
    • 您可以使用drawable 图标作为后退按钮。

      toolbar.setNavigationIcon(R.drawable.your_drawable_icon);
      
      toolbar.setNavigationOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
              // what do you want here
          }
      });
      
    • 如果您不想使用drawable 图标,那么:

      getSupportActionBar().setDisplayHomeAsUpEnabled(true);
      getSupportActionBar().setDisplayShowHomeEnabled(true);
      
      toolbar.setNavigationOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
              // what do you want here
          }
      });
      

    【讨论】:

    • 如果您在支持操作栏中有多个视图并且单击该图标会发生什么?我认为您需要指定在 onClick 方法中单击的视图
    【解决方案2】:

    实际上你的布局有这个问题,因为你在RelativeLayout 中添加了工具栏,所以抽屉布局重叠在上面,这就是为什么你不能点击后退箭头,我已经修复了你的布局,见下文

     <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        android:orientation="vertical">
    
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            app:navigationIcon="@drawable/ic_back_black"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:title="Settings" />
    
        <android.support.v4.widget.DrawerLayout
            android:id="@+id/drawer_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
            <FrameLayout
                android:id="@+id/frame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/toolbar" />
    
            <android.support.design.widget.NavigationView
                android:id="@+id/nav_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="start"
                android:fitsSystemWindows="true"
                app:menu="@menu/options_menu" />
        </android.support.v4.widget.DrawerLayout>
    </LinearLayout>
    

    【讨论】:

      【解决方案3】:

      最简单的方法是按照开发者文档的建议在清单文件中添加父活动。

       <activity 
          android:name=".ChildActivity"
          android:parentActivityName=".ParentActivity" >
      

      还有你已经完成的 java 代码,setSupportActionbar 和 setHomeAsUpEnabled。

      编辑: 有必要添加操作以使图标可见,如中所述 Android Developer Docs

      【讨论】:

      • 这不是真的,至少如果您使用的是 CollapsingToolbarLayout。在清单中添加 android: parentActivityName = "activityParentName" 不会显示箭头后退按钮,但是如果添加 getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setDisplayShowHomeEnabled(true);出现
      • @EmmanuelGuther 感谢您提供信息,您的正确我已经编辑了我的答案
      【解决方案4】:

      因此工具栏为在 Android 中修改标题栏提供了更大的灵活性。

      至于为什么getActionBar 不起作用而你不得不使用getSupportActionBar 是因为你必须使用SupportLibrary。 SupportLibrary 向后兼容早期的 SDK 版本。

      如果您想广泛修改标题栏/标题/操作栏 然后使用工具栏,否则使用操作栏。

      【讨论】:

        【解决方案5】:

        向您的工具栏添加导航点击监听器,如下所示

        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    onBackPressed();
                }
            });
        

        【讨论】:

          【解决方案6】:

          如果您从操作栏中引用一些操作,例如保存操作或共享操作,并且您正在覆盖 onOptionsItemSelected 方法,那么您需要定义 时的行为返回或主页按钮被点击:

          @Override public boolean onOptionsItemSelected(MenuItem item) {
              switch (item.getItemId()) {
                case R.id.action_save:
                  //save stuff
                break;
          
                //this is what you need to add to reference again back/home button
                case android.R.id.home:
                  //do your stuff here, usually back to the home or close the current activity
                  getActivity().finish();
                break;
          
                default:
                break;
              }
              return true;
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2023-03-07
            • 1970-01-01
            • 2013-03-28
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多