{"id":1708,"date":"2022-12-29T11:42:31","date_gmt":"2022-12-29T03:42:31","guid":{"rendered":"https:\/\/badgameshow.com\/fly\/?p=1708"},"modified":"2022-12-29T11:42:31","modified_gmt":"2022-12-29T03:42:31","slug":"%e3%80%90jetpack%e3%80%91android-navigation-%e7%9b%a3%e8%81%bd-fragment-%e8%88%87-drawer-bottom-toolbar-%e5%ae%8c%e7%be%8e%e9%85%8d%e5%90%88-%e5%9b%9b-%e7%af%84%e4%be%8b","status":"publish","type":"post","link":"https:\/\/badgameshow.com\/fly\/%e3%80%90jetpack%e3%80%91android-navigation-%e7%9b%a3%e8%81%bd-fragment-%e8%88%87-drawer-bottom-toolbar-%e5%ae%8c%e7%be%8e%e9%85%8d%e5%90%88-%e5%9b%9b-%e7%af%84%e4%be%8b\/","title":{"rendered":"\u3010Jetpack\u3011Android Navigation \u76e3\u807d Fragment \u8207 Drawer Bottom Toolbar \u5b8c\u7f8e\u914d\u5408 (\u56db) \u7bc4\u4f8b"},"content":{"rendered":"

\u3010Jetpack\u3011Android Navigation \u76e3\u807d Fragment \u8207 Drawer Bottom Toolbar \u5b8c\u7f8e\u914d\u5408 (\u56db) \u7bc4\u4f8b<\/h1>\n

Android Jetpack Navigation \u662f\u4e00\u500b\u7d71\u4e00\u7684\u5c0e\u822a\u6846\u67b6\uff0c\u53ef\u4ee5\u8b93\u958b\u767c\u8005\u66f4\u5bb9\u6613\u5730\u5c07 Android \u7686\u5e38\u7528\u7684\u5c0e\u822a\u529f\u80fd\uff08\u5982\u529f\u80fd\u8868\u3001\u5806\u758a\u3001\u62bd\u5c5c\u548c\u5e95\u90e8\u5c0e\u822a\u7b49\uff09\u6dfb\u52a0\u5230\u61c9\u7528\u4e2d\u3002<\/h4>\n

\u5b83\u70ba\u591a\u500b\u5c0e\u822a\u76ee\u7684\u5730\u63d0\u4f9b\u4e00\u81f4\u7684 API\uff0c\u4e26\u53ef\u4ee5\u8b93\u958b\u767c\u8005\u5c07\u5c0e\u822a\u884c\u70ba\u901a\u7528\u65bc\u55ae\u500b\u6216\u591a\u500b\u6d3b\u52d5\u3002<\/h4>\n

\"\"<\/a><\/p>\n

\n

\u6587\u7ae0\u76ee\u9304<\/h4>\n
    \n
  1. Navigation Activity \u76e3\u807d Fragment<\/a><\/li>\n
  2. Navigation Toolbar<\/a><\/li>\n
  3. Navigation Navigation bar<\/a><\/li>\n
  4. Navigation Navigation drawer<\/a><\/li>\n
  5. Developer Documents Navigation<\/a><\/li>\n<\/ol>\n
    \n

    <\/a><\/p>\n

    1.Navigation Activity \u76e3\u807d Fragment<\/h4>\n
    AFragment.kt<\/h5>\n
    class AFragment : Fragment(R.layout.fragment_a) {\n\n    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {\n        super.onViewCreated(view, savedInstanceState)\n\n        val binding = FragmentABinding.bind(view)\n\n        binding.next.setOnClickListener {\n            val action = AFragmentDirections.actionAFragmentToBFragment()\n            findNavController().navigate(action)\n        }\n    }\n\n}\n<\/code><\/pre>\n
    BFragment.kt<\/h5>\n
    class BFragment : Fragment(R.layout.fragment_b) {\n\n    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {\n        super.onViewCreated(view, savedInstanceState)\n\n        val binding = FragmentBBinding.bind(view)\n\n        binding.next.setOnClickListener {\n            val action = BFragmentDirections.actionBFragmentToCFragment2()\n            findNavController().navigate(action)\n        }\n    }\n\n}\n<\/code><\/pre>\n
    CFragment.kt<\/h5>\n
    class CFragment : Fragment(R.layout.fragment_c) {\n\n    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {\n        val binding = FragmentCBinding.bind(view)\n    }\n\n}\n<\/code><\/pre>\n
    nav_graph.xml<\/h5>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?>\n<navigation xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n    android:id=\"@+id\/nav_graph\"\n    app:startDestination=\"@id\/AFragment\">\n\n    <fragment\n        android:id=\"@+id\/AFragment\"\n        android:name=\"com.example.jetpackdemo.AFragment\"\n        android:label=\"AFragment\"\n        tools:layout=\"@layout\/fragment_a\">\n\n        <action\n            android:id=\"@+id\/action_AFragment_to_BFragment\"\n            app:destination=\"@id\/BFragment\" \/>\n\n    <\/fragment>\n\n    <fragment\n        android:id=\"@+id\/BFragment\"\n        android:name=\"com.example.jetpackdemo.BFragment\"\n        android:label=\"BFragment\"\n        tools:layout=\"@layout\/fragment_b\">\n\n        <action\n            android:id=\"@+id\/action_BFragment_to_CFragment2\"\n            app:destination=\"@id\/CFragment2\" \/>\n    <\/fragment>\n\n    <fragment\n        android:id=\"@+id\/CFragment2\"\n        android:name=\"com.example.jetpackdemo.CFragment\"\n        android:label=\"CFragment\"\n        tools:layout=\"@layout\/fragment_c\" \/>\n<\/navigation>\n<\/code><\/pre>\n
    activity_main.xml<\/h5>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Use DrawerLayout as root container for activity -->\n<layout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\">\n\n    <data>\n\n    <\/data>\n\n    <androidx.constraintlayout.widget.ConstraintLayout\n        android:id=\"@+id\/drawer_layout\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"match_parent\"\n        android:fitsSystemWindows=\"true\">\n\n        <androidx.fragment.app.FragmentContainerView\n            android:id=\"@+id\/nav_host_fragment\"\n            android:name=\"androidx.navigation.fragment.NavHostFragment\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"match_parent\"\n            app:defaultNavHost=\"true\"\n            app:layout_constraintBottom_toBottomOf=\"parent\"\n            app:layout_constraintEnd_toEndOf=\"parent\"\n            app:layout_constraintStart_toStartOf=\"parent\"\n            app:layout_constraintTop_toTopOf=\"parent\"\n            app:navGraph=\"@navigation\/nav_graph\" \/>\n\n    <\/androidx.constraintlayout.widget.ConstraintLayout>\n<\/layout>\n<\/code><\/pre>\n
    MainActivity.kt<\/h5>\n
    class MainActivity : AppCompatActivity() {\n\n    private lateinit var binding: ActivityMainBinding\n    lateinit var actionBarDrawerToggle: ActionBarDrawerToggle\n\n    override fun onCreate(savedInstanceState: Bundle?) {\n        super.onCreate(savedInstanceState)\n\n        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)\n    }\n\n    override fun onStart() {\n        super.onStart()\n\n        val navController = findNavController(R.id.nav_host_fragment)\n\n        lifecycleScope.launch {\n            navController.currentBackStackEntryFlow.collect {\n                Log.e(\"now Fragment\", it.destination.label.toString())\n            }\n        }\n    }\n\n}\n<\/code><\/pre>\n
    <\/a><\/p>\n
    2.Navigation Toolbar<\/h4>\n
    activity_main.xml<\/h5>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Use DrawerLayout as root container for activity -->\n<layout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\">\n\n    <data>\n\n    <\/data>\n\n    <androidx.appcompat.widget.LinearLayoutCompat\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"match_parent\"\n        android:orientation=\"vertical\">\n\n        <com.google.android.material.appbar.MaterialToolbar\n            android:background=\"@color\/material_dynamic_primary70\"\n            android:id=\"@+id\/toolbar\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"wrap_content\" \/>\n\n        <androidx.fragment.app.FragmentContainerView\n            android:id=\"@+id\/nav_host_fragment\"\n            android:name=\"androidx.navigation.fragment.NavHostFragment\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"match_parent\"\n            app:defaultNavHost=\"true\"\n            app:layout_constraintBottom_toTopOf=\"@+id\/bottom_nav_view\"\n            app:layout_constraintEnd_toEndOf=\"parent\"\n            app:layout_constraintStart_toStartOf=\"parent\"\n            app:layout_constraintTop_toTopOf=\"parent\"\n            app:navGraph=\"@navigation\/nav_graph\" \/>\n\n    <\/androidx.appcompat.widget.LinearLayoutCompat>\n<\/layout>\n<\/code><\/pre>\n
    MainActivity.kt<\/h5>\n
    class MainActivity : AppCompatActivity() {\n\n    private lateinit var binding: ActivityMainBinding\n\n    override fun onCreate(savedInstanceState: Bundle?) {\n        super.onCreate(savedInstanceState)\n\n        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)\n    }\n\n    override fun onStart() {\n        super.onStart()\n\n        val navController = findNavController(R.id.nav_host_fragment)\n        NavigationUI.setupWithNavController(binding.toolbar, navController)\n\n        navController.addOnDestinationChangedListener { _, destination, _ ->\n            when (destination.id) {\n                R.id.AFragment -> {\n                    Log.e(\"now Fragment\", \"AFragment\")\n                }\n                R.id.BFragment -> {\n                    Log.e(\"now Fragment\", \"BFragment\")\n                }\n                else -> {\n                    Log.e(\"now Fragment\", \"CFragment\")\n                }\n            }\n        }\n    }\n\n}\n<\/code><\/pre>\n
    <\/p>\n
    <\/a><\/p>\n
    3.Navigation Navigation bar<\/h4>\n
    menu item id \u5fc5\u9808\u8ddf Navigation \u7684\u76f8\u540c<\/h5>\n
    bottom_nav_menu.xml<\/h5>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?>\n<menu xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\">\n    <item\n        android:id=\"@+id\/AFragment\"\n        android:icon=\"@drawable\/dice\"\n        android:title=\"\u9ab0\u5b50\" \/>\n\n    <item\n        android:id=\"@+id\/BFragment\"\n        android:icon=\"@drawable\/poker\"\n        android:title=\"\u64b2\u514b\" \/>\n\n    <item\n        android:id=\"@+id\/CFragment\"\n        android:icon=\"@drawable\/game\"\n        android:title=\"\u904a\u6232\" \/>\n<\/menu>\n<\/code><\/pre>\n
    nav_graph.xml<\/h5>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?>\n<navigation xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n    android:id=\"@+id\/nav_graph\"\n    app:startDestination=\"@id\/AFragment\">\n\n    <fragment\n        android:id=\"@+id\/AFragment\"\n        android:name=\"com.example.jetpackdemo.AFragment\"\n        android:label=\"AFragment\"\n        tools:layout=\"@layout\/fragment_a\">\n    <\/fragment>\n\n    <fragment\n        android:id=\"@+id\/BFragment\"\n        android:name=\"com.example.jetpackdemo.BFragment\"\n        android:label=\"BFragment\"\n        tools:layout=\"@layout\/fragment_b\" \/>\n\n    <fragment\n        android:id=\"@+id\/CFragment\"\n        android:name=\"com.example.jetpackdemo.CFragment\"\n        android:label=\"CFragment\"\n        tools:layout=\"@layout\/fragment_c\" \/>\n<\/navigation>\n<\/code><\/pre>\n
    activity_main.xml<\/h5>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?>\n<layout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\">\n\n    <data>\n\n    <\/data>\n\n    <androidx.constraintlayout.widget.ConstraintLayout\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"match_parent\"\n        tools:context=\".MainActivity\">\n\n        <androidx.fragment.app.FragmentContainerView\n            android:id=\"@+id\/nav_host_fragment\"\n            android:name=\"androidx.navigation.fragment.NavHostFragment\"\n            android:layout_width=\"0dp\"\n            android:layout_height=\"0dp\"\n            app:defaultNavHost=\"true\"\n            app:layout_constraintBottom_toTopOf=\"@+id\/bottom_nav_view\"\n            app:layout_constraintEnd_toEndOf=\"parent\"\n            app:layout_constraintStart_toStartOf=\"parent\"\n            app:layout_constraintTop_toTopOf=\"parent\"\n            app:navGraph=\"@navigation\/nav_graph\" \/>\n\n        <com.google.android.material.bottomnavigation.BottomNavigationView\n            app:menu=\"@menu\/bottom_nav_menu\"\n            app:itemRippleColor=\"@null\"\n            android:id=\"@+id\/bottom_nav_view\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"wrap_content\"\n            app:layout_constraintBottom_toBottomOf=\"parent\"\n            app:layout_constraintEnd_toEndOf=\"parent\"\n            app:layout_constraintStart_toStartOf=\"parent\" \/>\n\n    <\/androidx.constraintlayout.widget.ConstraintLayout>\n<\/layout>\n<\/code><\/pre>\n
    MainActivity.kt<\/h5>\n
    class MainActivity : AppCompatActivity() {\n\n    private lateinit var binding: ActivityMainBinding\n\n    override fun onCreate(savedInstanceState: Bundle?) {\n        super.onCreate(savedInstanceState)\n\n        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)\n        binding.bottomNavView.itemIconTintList = null\n\n    }\n\n    override fun onStart() {\n        super.onStart()\n\n        val navController = findNavController(R.id.nav_host_fragment)\n        NavigationUI.setupWithNavController(binding.bottomNavView, navController)\n\n        navController.addOnDestinationChangedListener { _, destination, _ ->\n            when (destination.id) {\n                R.id.AFragment -> {\n                    Log.e(\"now Fragment\", \"AFragment\")\n                }\n                R.id.BFragment -> {\n                    Log.e(\"now Fragment\", \"BFragment\")\n                }\n                else -> {\n                    Log.e(\"now Fragment\", \"CFragment\")\n                }\n            }\n        }\n    }\n\n}\n<\/code><\/pre>\n
    <\/p>\n
    <\/a><\/p>\n
    4.Navigation Navigation drawer<\/h4>\n
    activity_main.xml<\/h5>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Use DrawerLayout as root container for activity -->\n<layout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\">\n\n    <data>\n\n    <\/data>\n\n    <androidx.drawerlayout.widget.DrawerLayout\n        android:id=\"@+id\/drawer_layout\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"match_parent\"\n        android:fitsSystemWindows=\"true\">\n\n        <androidx.fragment.app.FragmentContainerView\n            android:id=\"@+id\/nav_host_fragment\"\n            android:name=\"androidx.navigation.fragment.NavHostFragment\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"match_parent\"\n            app:defaultNavHost=\"true\"\n            app:navGraph=\"@navigation\/nav_graph\" \/>\n\n        <com.google.android.material.navigation.NavigationView\n            android:id=\"@+id\/nav_view\"\n            android:layout_width=\"wrap_content\"\n            android:layout_height=\"match_parent\"\n            android:layout_gravity=\"start\"\n            android:fitsSystemWindows=\"true\"\n            app:menu=\"@menu\/bottom_nav_menu\" \/>\n\n    <\/androidx.drawerlayout.widget.DrawerLayout>\n<\/layout>\n<\/code><\/pre>\n
    MainActivity.kt<\/h5>\n
    class MainActivity : AppCompatActivity() {\n\n    private lateinit var binding: ActivityMainBinding\n    lateinit var actionBarDrawerToggle: ActionBarDrawerToggle\n\n    override fun onCreate(savedInstanceState: Bundle?) {\n        super.onCreate(savedInstanceState)\n\n        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)\n    }\n\n    override fun onStart() {\n        super.onStart()\n\n        supportActionBar?.setDisplayHomeAsUpEnabled(true)\n\n        actionBarDrawerToggle = ActionBarDrawerToggle(this, binding.drawerLayout, R.string.app_name, R.string.app_name).apply {\n            syncState()\n            binding.drawerLayout.addDrawerListener(this)\n        }\n\n        binding.navView.itemIconTintList = null\n\n        val navController = findNavController(R.id.nav_host_fragment)\n        NavigationUI.setupWithNavController(binding.navView, navController)\n\n        navController.addOnDestinationChangedListener { _, destination, _ ->\n            when (destination.id) {\n                R.id.AFragment -> {\n                    Log.e(\"now Fragment\", \"AFragment\")\n                }\n                R.id.BFragment -> {\n                    Log.e(\"now Fragment\", \"BFragment\")\n                }\n                else -> {\n                    Log.e(\"now Fragment\", \"CFragment\")\n                }\n            }\n        }\n    }\n\n    override fun onOptionsItemSelected(item: MenuItem): Boolean {\n        return if (actionBarDrawerToggle.onOptionsItemSelected(item)) true else super.onOptionsItemSelected(\n            item\n        )\n    }\n\n}\n<\/code><\/pre>\n
    <\/p>\n
    <\/a><\/p>\n
    5.Developer Documents Navigation<\/h4>\n
    Open in Documents Navigation<\/a><\/p>\n\n
    <\/div>","protected":false},"excerpt":{"rendered":"
    \u3010Jetpack\u3011Android Navigation \u76e3\u807d Fragment \u8207 Drawer Bottom … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"pgc_sgb_lightbox_settings":"","footnotes":""},"categories":[106],"tags":[13,107,226],"class_list":["post-1708","post","type-post","status-publish","format-standard","hentry","category-jetpack","tag-android","tag-jetpack","tag-navigation"],"_links":{"self":[{"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/posts\/1708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/comments?post=1708"}],"version-history":[{"count":1,"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/posts\/1708\/revisions"}],"predecessor-version":[{"id":1712,"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/posts\/1708\/revisions\/1712"}],"wp:attachment":[{"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/media?parent=1708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/categories?post=1708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/badgameshow.com\/fly\/wp-json\/wp\/v2\/tags?post=1708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}