{"id":1641,"date":"2023-03-25T21:41:19","date_gmt":"2023-03-25T13:41:19","guid":{"rendered":"https:\/\/www.appblog.cn\/?p=1641"},"modified":"2023-04-23T22:00:02","modified_gmt":"2023-04-23T14:00:02","slug":"android-jetpack-architecture-components-navigation-easy-to-use","status":"publish","type":"post","link":"https:\/\/www.appblog.cn\/index.php\/2023\/03\/25\/android-jetpack-architecture-components-navigation-easy-to-use\/","title":{"rendered":"Android Jetpack\u67b6\u6784\u7ec4\u4ef6\uff08\u516d\uff09Navigation\u7b80\u5355\u4f7f\u7528"},"content":{"rendered":"

\u53c2\u8003\uff1a
\nhttps:\/\/developer.android.google.cn\/guide\/navigation\/<\/a>
\nhttps:\/\/developer.android.google.cn\/guide\/navigation\/navigation-getting-started<\/a>
\nhttps:\/\/blog.csdn.net\/hongxue8888\/article\/details\/103672351<\/a>
\nhttps:\/\/www.jianshu.com\/p\/0bb65607bdf8<\/a><\/p>\n

\u9610\u8ff0Navigation<\/code>\u5982\u4f55\u7ba1\u7406MainActivity\u4e2d\u7684NavigationPage1Fragment<\/code>\u3001NavigationPage2Fragment<\/code>\u3001NavigationPage3Fragment<\/code>\u4e09\u4e2afragment\u3002<\/p>\n

<\/p>\n

Gradle\u4f9d\u8d56<\/h2>\n
def nav_version = "2.3.0-alpha06"\n\/\/ Java language implementation\nimplementation "androidx.navigation:navigation-fragment:$nav_version"\nimplementation "androidx.navigation:navigation-ui:$nav_version"<\/code><\/pre>\n
navigation\u5bfc\u822a\u6587\u4ef6<\/h2>\n
\u5728app\u7684res\u76ee\u5f55\u4e0b\uff0c\u521b\u5efa\u4e00\u4e2anavigation\u6587\u4ef6\u5939\uff0c\u5728\u6b64\u6587\u4ef6\u5939\u4e0b\u65b0\u589e\u4e00\u4e2anavigation\u7684xml\u6587\u4ef6\uff0c\u6b64\u5904\u65b0\u589e\u4e00\u4e2anav_graph_main.xml<\/code>\uff0c\u5185\u5bb9\u5982\u4e0b\uff1a<\/p>\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_main.xml"\n    app:startDestination="@id\/page1Fragment">\n\n    <fragment\n        android:id="@+id\/page1Fragment"\n        android:name="cn.appblog.jetpack.navigation.fragment.NavigationPage1Fragment"\n        android:label="fragment_page1"\n        tools:layout="@layout\/fragment_navigation_page1">\n        <!--\n            action:\u7a0b\u5e8f\u4e2d\u4f7f\u7528id\u8df3\u5230destination\u5bf9\u5e94\u7684\u7c7b\n        -->\n        <action\n            android:id="@+id\/action_page2"\n            app:destination="@id\/page2Fragment" \/>\n    <\/fragment>\n\n    <fragment\n        android:id="@+id\/page2Fragment"\n        android:name="cn.appblog.jetpack.navigation.fragment.NavigationPage2Fragment"\n        android:label="fragment_page2"\n        tools:layout="@layout\/fragment_navigation_page2">\n        <action\n            android:id="@+id\/action_page1"\n            app:destination="@id\/page1Fragment" \/>\n        <action\n            android:id="@+id\/action_page3"\n            app:destination="@id\/page3Fragment" \/>\n    <\/fragment>\n\n    <!--<navigation-->\n    <!--    android:id="@+id\/nav_graph_page3"-->\n    <!--    app:startDestination="@id\/page3Fragment">-->\n    <fragment\n        android:id="@+id\/page3Fragment"\n        android:name="cn.appblog.jetpack.navigation.fragment.NavigationPage3Fragment"\n        android:label="fragment_page3"\n        tools:layout="@layout\/fragment_navigation_page3">\n        <action\n            android:id="@+id\/action_page2"\n            app:destination="@id\/page2Fragment" \/>\n    <\/fragment>\n\n    <!--<\/navigation>-->\n\n<\/navigation><\/code><\/pre>\n
\u5728Design\u4e2d\u53ef\u4ee5\u770b\u5230\u975e\u5e38\u76f4\u89c2\u7684fragment\u5207\u6362\u6d41\u7a0b\uff0c\u5982\u4e0b\uff1a<\/p>\n
\"nav_graph_main\"<\/p>\n
\u4e3b\u9875\u9762<\/h2>\n
<?xml version="1.0" encoding="utf-8"?>\n<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"\n    android:layout_height="match_parent"\n    >\n\n    <!--\n    app:defaultNavHost="true"\n    \u62e6\u622a\u7cfb\u7edfback\u952e\uff0c\u5728fragment\u4e2d\u5c31\u53ef\u4ee5\u7528back\u56de\u9000\u4e0a\u4e00\u4e2afragment\n    app:navGraph="@navigation\/nav_graph_main"\n    \u8fde\u63a5\u4f7f\u7528nav_graph_main.xml\uff0c\u83b7\u53d6fragment\u4e4b\u95f4\u7684\u5bfc\u822a\u7ed3\u6784\n    -->\n    <fragment\n        android:id="@+id\/my_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_constraintLeft_toLeftOf="parent"\n        app:layout_constraintRight_toRightOf="parent"\n        app:layout_constraintTop_toTopOf="parent"\n        app:navGraph="@navigation\/nav_graph_main" \/>\n\n<\/androidx.constraintlayout.widget.ConstraintLayout><\/code><\/pre>\n
    \n
  • app:defaultNavHost="true"<\/code><\/li>\n<\/ul>\n
    \u62e6\u622a\u7cfb\u7edfback\u952e\uff0c\u5728fragment\u4e2d\u5c31\u53ef\u4ee5\u7528back\u56de\u9000\u4e0a\u4e00\u4e2afragment<\/p>\n
      \n
    • app:navGraph="@navigation\/nav_graph_main"<\/code><\/li>\n<\/ul>\n
      \u8fde\u63a5\u4f7f\u7528nav_graph_main.xml<\/code>\uff0c\u83b7\u53d6fragment\u4e4b\u95f4\u7684\u5bfc\u822a\u7ed3\u6784<\/p>\n
        \n
      • android:name="androidx.navigation.fragment.NavHostFragment"<\/code><\/li>\n<\/ul>\n
        name \u5fc5\u987b\u6307\u5b9a\uff0c\u8868\u793a\u8fd9\u662f\u4e00\u4e2a\u53ef\u4ee5\u5207\u6362fragment\u7684\u63a7\u4ef6<\/p>\n
        \u4e09\u4e2aFragment<\/h2>\n
        Navigation.findNavController(view).navigate(R.id.action_page2);<\/code><\/p>\n
        \u5b9e\u73b0\u70b9\u51fb\u6309\u94ae\u540eFragment\u9875\u9762\u7684\u8df3\u8f6c<\/p>\n
        public class NavigationPage1Fragment extends Fragment {\n\n    @Override\n    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {\n        return inflater.inflate(R.layout.fragment_navigation_page1, container, false);\n    }\n\n    @Override\n    public void onViewCreated(View view, Bundle savedInstanceState) {\n        super.onViewCreated(view, savedInstanceState);\n        Button btn = view.findViewById(R.id.btn);\n        btn.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View view) {\n                Navigation.findNavController(view).navigate(R.id.action_page2);\n            }\n        });\n    }\n}<\/code><\/pre>\n
        public class NavigationPage2Fragment extends Fragment {\n\n    @Override\n    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {\n        return inflater.inflate(R.layout.fragment_navigation_page2, container, false);\n    }\n\n    @Override\n    public void onViewCreated(View view, Bundle savedInstanceState) {\n        super.onViewCreated(view, savedInstanceState);\n        Button btn = view.findViewById(R.id.btn);\n        \/\/\u8fd4\u56deMainPage1Fragment\n        btn.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View view) {\n                Navigation.findNavController(view).navigate(R.id.action_page1);\n            }\n        });\n\n        Button btn2 = view.findViewById(R.id.btn2);\n        \/\/\u524d\u5f80MainPage3Fragment\n        btn2.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View view) {\n                Navigation.findNavController(view).navigate(R.id.action_page3);\n            }\n        });\n    }\n}<\/code><\/pre>\n
        public class NavigationPage3Fragment extends Fragment {\n\n    @Override\n    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {\n        return inflater.inflate(R.layout.fragment_navigation_page3, container, false);\n    }\n\n    @Override\n    public void onViewCreated(View view, Bundle savedInstanceState) {\n        super.onViewCreated(view, savedInstanceState);\n        Button btn = view.findViewById(R.id.btn);\n        btn.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View view) {\n                Navigation.findNavController(view).navigate(R.id.action_page2);\n                \/\/\u56de\u9000\u4e0a\u4e00\u6b65\n\/\/                Navigation.findNavController(view).navigateUp();\n            }\n        });\n    }\n}<\/code><\/pre>\n
        \u9057\u7559\u95ee\u9898<\/h2>\n
        \u5c3d\u7ba1\u901a\u8fc7Navigation\u65b9\u5f0f\u7ba1\u7406Fragment\u7684\u4ee3\u7801\u7b80\u6d01\u800c\u4e14\u76f4\u89c2\uff0c\u4f46\u662f\u6709\u4e00\u4e2a\u975e\u5e38\u81f4\u547d\u7684\u95ee\u9898\uff0c\u5c31\u662f\u540c\u4e00\u4e2aFragment\u4f1a\u88ab\u91cd\u590d\u521b\u5efa\uff0c\u8fd9\u6837\u4f1a\u5bfc\u81f4\u6bcf\u6b21\u5207\u6362Fragment\u7684\u65f6\u5019\u90fd\u4f1a\u91cd\u65b0\u53bb\u8bf7\u6c42\u6570\u636e\uff0c\u975e\u5e38\u6d6a\u8d39\u7cfb\u7edf\u8d44\u6e90\uff0c\u800c\u4e14\u964d\u4f4e\u4e86APP\u7684\u7528\u6237\u4f53\u9a8c\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
        \u53c2\u8003\uff1a https:\/\/developer.android.google.cn\/guide\/navigatio […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[311],"tags":[410],"class_list":["post-1641","post","type-post","status-publish","format-standard","hentry","category-android-advance","tag-jetpack"],"_links":{"self":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/1641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/comments?post=1641"}],"version-history":[{"count":0,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/1641\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/media?parent=1641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/categories?post=1641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/tags?post=1641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}