代码之家  ›  专栏  ›  技术社区  ›  Damn Vegetables

Jetpack导航:操作栏中的标题和后退/向上箭头?

  •  7
  • Damn Vegetables  · 技术社区  · 6 年前

    我安装了Android Studio的最新金丝雀版本,并遵循此操作( https://developer.android.com/topic/libraries/architecture/navigation/navigation-implementing )实现简单的两页导航的说明。基本上,page1有一个按钮,当它被点击时,应用程序显示page2。

    这是可行的,但有一个问题…它似乎不会自动对操作栏进行任何操作。它是否应该由导航库自动在操作栏上显示上/下箭头和“label”属性?还是我应该像以前一样手动完成所有的工作?当显示第2页时,我想在操作(工具)栏上显示后退箭头和“详细信息”。

    单击第1页的按钮。

    override fun onViewCreated(view: View, savedInstanceState: Bundle?)
    {
        button1.setOnClickListener {
            val nav = NavHostFragment.findNavController(this);
            nav.navigate(R.id.show_page2)
        }
    }
    

    主活动XML。默认情况下,它是默认的操作栏,我用工具栏替换了它。没有区别。

    <?xml version="1.0" encoding="utf-8"?>
    <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"
            android:layout_height="?attr/actionBarSize"
            android:elevation="4dp"
            android:background="?attr/colorPrimary"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            android:layout_width="match_parent">
        </androidx.appcompat.widget.Toolbar>
    
        <fragment
            android:id="@+id/my_nav_host_fragment"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:defaultNavHost="true"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/toolbar"
            app:navGraph="@navigation/nav_graph"/>
    
    </androidx.constraintlayout.widget.ConstraintLayout>
    

    导航图XML。

    <?xml version="1.0" encoding="utf-8"?>
    <navigation 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/nav_graph"
                app:startDestination="@id/page1">
    
        <activity
            android:id="@+id/mainActivity2"
            android:name="com.android.navtest.MainActivity"
            android:label="activity_main"
            tools:layout="@layout/activity_main"/>
        <fragment
            android:id="@+id/page1"
            android:name="com.android.navtest.BlankFragment2"
            android:label="Home page"
            tools:layout="@layout/page1">
            <action
                android:id="@+id/show_page2"
                app:destination="@id/page2"
                app:enterAnim="@anim/anim1"
                app:popExitAnim="@anim/anim2"/>
        </fragment>
        <fragment
            android:id="@+id/page2"
            android:name="com.android.navtest.BlankFragment"
            android:label="Details"
            tools:layout="@layout/page2"/>
    </navigation>
    
    2 回复  |  直到 6 年前
        1
  •  16
  •   ianhanniballake    6 年前

    您可以使用 NavigationUI.setupActionBarWithNavController() . 这通常是在你的活动中完成的,就在你打电话之后 setSupportActionBar() :

    supportActionBar = findViewById<Toolbar>(R.id.toolbar)
    
    // Get the NavController for your NavHostFragment
    val navController = findNavController(R.id.nav_host_fragment)
    
    // Set up the ActionBar to stay in sync with the NavController
    setupActionBarWithNavController(navController)
    

    此方法包含在 Navigation talk at Google I/O 2018 .

        2
  •  4
  •   Rafols    6 年前

    如果要将导航后退按钮隐藏在多个位置(默认值仅适用于主片段),可以将片段ID添加到AppBarConfiguration,并将其作为SetupActionBarWithNavController的第二个参数传递,例如:

    val appBarConfiguration = AppBarConfiguration(setOf(R.id.splashFragment, R.id.onboardingFragment, R.id.homeFragment))
    
    setupActionBarWithNavController(findNavController(R.id.nav_host), appBarConfiguration)