Sobes.tech
Middle

როგორ განახორციელებდი ნავიგაციას ღილაკების გამოყენებით, რათა შეინარჩუნოს სტეკი?

sobes.tech AI

პასუხი AI-სგან

Navigation Architecture Component-ты пайдалану:

  1. NavGraph құру: Destinations (фрагменттер немесе Activity) және Actions (олар арасындағы өтулер) 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"
        android:id="@+id/nav_graph"
        app:startDestination="@id/fragmentA">
    
        <fragment
            android:id="@+id/fragmentA"
            android:name="com.example.FragmentA"
            android:label="FragmentA" >
            <action
                android:id="@+id/action_fragmentA_to_fragmentB"
                app:destination="@id/fragmentB" />
        </fragment>
        <fragment
            android:id="@+id/fragmentB"
            android:name="com.example.FragmentB"
            android:label="FragmentB" >
            <action
                android:id="@+id/action_fragmentB_to_fragmentC"
                app:destination="@id/fragmentC" />
        </fragment>
        <fragment
            android:id="@+id/fragmentC"
            android:name="com.example.FragmentC"
            android:label="FragmentC" />
    </navigation>
    
  2. NavHost орнотмоо: NavHost (мисалы, NavHostFragment) Activityнин layout'на кошуңуз, ал NavGraph менен байланыштуу:

    <?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:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <androidx.fragment.app.FragmentContainerView
            android:id="@+id/nav_host_fragment"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            app:defaultNavHost="true"
            app:navGraph="@navigation/nav_graph" />
    
        <!-- Бул жерде навигациялык кнопкалар болушу мүмкүн -->
    </LinearLayout>
    
  3. Навигациялык кнопкаларды кошуу: BottomNavigationView же башка кнопкаларды колдонуп, аларды NavController менен байланыштырыңыз:

    <?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:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <androidx.fragment.app.FragmentContainerView
            android:id="@+id/nav_host_fragment"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            app:defaultNavHost="true"
            app:navGraph="@navigation/nav_graph" />
    
        <Button
            android:id="@+id/button_go_to_b"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bге өт" />
    
        <Button
            android:id="@+id/button_go_to_c"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Cге өт" />
    </LinearLayout>
    
  4. Коддо баскычтарды иштетүү: NavController объектисин алыңыз жана баскыч басканда navigate() чакырыңыз. NavController автоматтык түрдө back stack менен иштейт, ал мурдагы Destination'тарды сактайт:

    // Activity же Fragment ичинде
    import androidx.navigation.findNavController
    
    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
    
        val navController = findNavController(R.id.nav_host_fragment)
    
        view.findViewById<Button>(R.id.button_go_to_b).setOnClickListener {
            navController.navigate(R.id.action_fragmentA_to_fragmentB)
        }
    
        view.findViewById<Button>(R.id.button_go_to_c).setOnClickListener {
            navController.navigate(R.id.fragmentC)
        }
    }
    

Эгерде кошумча тийиштүү болсо, көптөгөн тилдер үчүн setupWithNavController() колдонсоңуз болот:

// Activity ичинде, анда BottomNavigationView бар
import androidx.navigation.ui.setupWithNavController
import com.google.android.material.bottomnavigation.BottomNavigationView

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    val navController = findNavController(R.id.nav_host_fragment)
    val bottomNavView = findViewById<BottomNavigationView>(R.id.bottom_nav_view)
    bottomNavView.setupWithNavController(navController)
}

Navigation Component алдын ала конфигурацияланган бойдон back stack'ти башкарат. "Кайтуу" баскычын басканда, ал мурдагы Destination'ка кайтарат. navigate() функциясынын жүрүшүндө back stack'ти башкаруу үчүн NavOptions-ды жана popUpTo колдонсоңуз болот.