生活中的Design.

Navigation初探

Android
字数统计: 612阅读时长: 3 min
2019/12/11 Share

Usage

Gradle引入

  • 写的时候版本还是1.0.0-alpha1
1
implementation "android.arch.navigation:navigation-fragment:$versions.navigation"
1
implementation "android.arch.navigation:navigation-ui:$versions.navigation"

修改Layout文件

  • 新增一个Fragment,指定道航文件的定义app:navGraph="@navigation/nav_graph"
  • 指定Fragment的name android:name="androidx.navigation.fragment.NavHostFragment" 固定的
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <?xml version="1.0" encoding="utf-8"?>
      <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
            <fragment
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/my_nav_host_fragment"
            android:name="androidx.navigation.fragment.NavHostFragment"
            app:navGraph="@navigation/nav_graph"
            app:defaultNavHost="true"
            />
      </FrameLayout>

新建刚才指定的naviGraph文件

  • 在res目录下新建一个navigation文件夹,新建一个navi_graph.xml文件
  • 根节点navigation,指定初始的fragmentapp:startDestination="@+id/launcher_home"
  • 子节点fragment定义页面,id就是导航的页面标的,name是Fragment的全路径
  • action是fragment的子节点,定义了跳转的动作,通过action的id来寻找页面并导航到id标定的fragment,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?xml version="1.0" encoding="utf-8"?>
<!--
~ Copyright (C) 2017 The Android Open Source Project
~ Licensed under the Apache License, Version 2.0 (the "License");
~ you may not use this file except in compliance with the License.
~ You may obtain a copy of the License at
~      http://www.apache.org/licenses/LICENSE-2.0
~ Unless required by applicable law or agreed to in writing, software
~ distributed under the License is distributed on an "AS IS" BASIS,
~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
~ See the License for the specific language governing permissions and
~ limitations under the License.
-->
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:app="http://schemas.android.com/apk/res-auto"
          app:startDestination="@+id/launcher_home">

            <fragment android:id="@+id/launcher_home"
              android:label="Home"
              android:name="com.shirly.apm29.shirlyq.ui.main.MainFragment" >

              <action android:id="@+id/end_action" app:destination="@id/end_dest"/>

            </fragment>

            <fragment android:id="@+id/end_dest"
              android:label="End"
              android:name="com.shirly.apm29.shirlyq.ui.end.EndFragment" >
              <action android:id="@+id/start_action" app:destination="@id/launcher_home"/>
            </fragment>
</navigation>

最后在代码中进行导航

  • 通过Navigation.findNavController方法找到导航控制器,navigate对应的action的id就会导航到对应的Fragment
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
class MainFragment : Fragment() {


    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
                              savedInstanceState: Bundle?): View {
        return inflater.inflate(R.layout.main_fragment, container, false)
    }

    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)

        button.setOnClickListener {
            // Navigate to the login destination
            view?.let { Navigation.findNavController(it).navigate(R.id.end_action) }
        }

    }
}

原文作者：Apm29

原文链接：https://apm29.github.io/2019/12/11/Navigation/

发表日期：December 11th 2019, 9:11:20 pm

更新日期：December 18th 2019, 4:51:02 pm

版权声明：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

CATALOG
  1. 1. Navigation初探
    1. 1.0.1. Usage
Total : 44
2022
2021
2020
2019
Android JetPack Tools Linux Flutter Dart Kotlin DataBinding Docker Git Gradle Groovy NPM travisci Fragment Coroutines Shell 前端 nuxtjs Python SheetJS Spring Springboot TravisCI MySQL Vue Vite ORM 算法 javascript SSG SEO
笔记 Git