JetPack<第五篇>:Navigation

Navigation 官方文檔:
https://developer.android.google.cn/guide/navigation/navigation-getting-started?hl=zh-cn


Navigation 是用來管理 Fragment 的切換投储,并且可以通過可視化的方式浦辨,看見App的交互流程俘种。


優(yōu)點:
1探越、處理 Fragment 的切換(上文已說過)
2乔宿、默認情況下正確處理 Fragment 的前進和后退
3、為過渡和動畫提供標準化的資源
4饰抒、實現(xiàn)和處理深層連接
5阔加、可以綁定 Toolbar 奢啥、 BottomNavigationView 和 ActionBar 等
6、SafeArgs (Gradle插件) 數(shù)據(jù)傳遞時提供類型安全性
7嘴拢、ViewModel 支持


Navigation 組件由三個關鍵部分組成桩盲,這三個部分協(xié)同工作。它們是:
1席吴、導航圖(新 XML 資源)赌结,創(chuàng)建 navigation 文件夾,在 navigation 文件夾中新建xml導航圖
2孝冒、NavHostFragment柬姚,在 NavigationActivity 中加入 NavHostFragment(當前fragment的容器)
3、NavController庄涡,導航的控制者

【1】依賴

//Navigation
implementation "androidx.navigation:navigation-fragment-ktx:2.3.5"
implementation "androidx.navigation:navigation-ui-ktx:2.3.5"

【2】新建導航圖

1量承、在res目錄下新建navigation文件夾
2、在navigation文件夾新建xml文件 demo_nav.xml 文件穴店,如下圖:
image.png
<?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/demo_nav"
    app:startDestination="@id/oneFragment">

    <fragment
        android:id="@+id/oneFragment"
        android:name="com.yunchong.jetpack.fragments.OneFragment"
        android:label="fragment_one"
        tools:layout="@layout/fragment_one" >
        <action
            android:id="@+id/action_oneFragment_to_twoFragment"
            app:destination="@id/twoFragment" />
    </fragment>

    <fragment
        android:id="@+id/twoFragment"
        android:name="com.yunchong.jetpack.fragments.TwoFragment"
        android:label="fragment_two"
        tools:layout="@layout/fragment_two" >
        <action
            android:id="@+id/action_twoFragment_to_threeFragment"
            app:destination="@id/threeFragment" />
    </fragment>

    <fragment
        android:id="@+id/threeFragment"
        android:name="com.yunchong.jetpack.fragments.ThreeFragment"
        android:label="fragment_three"
        tools:layout="@layout/fragment_three" />

</navigation>

他們的導航關系如下:
image.png
navigation:是導航標簽撕捍,管理多個fragment標簽
startDestination:指定第一個展示的fragment
action的destination:指定當前fragment的下一個跳轉目標

【3】fragment文件

fragment 文件可以是在導航地圖中新建:
image.png
也可以使用已有的fragment。

目前新建了3個fragment:

class OneFragment : Fragment() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        val view = inflater.inflate(R.layout.fragment_one, container, false)
        view.back.setOnClickListener {

        }
        view.next.setOnClickListener {

        }
        return view
    }
}

其他兩個文件和以上代碼差不多泣洞,F(xiàn)ragment的xml布局這里就不展示了忧风。

【4】在Activity中加載Navigation地圖

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <fragment
        android:id="@+id/demo_fragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:name="androidx.navigation.fragment.NavHostFragment"
        app:defaultNavHost="true"
        app:navGraph="@navigation/demo_nav"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

其中最重要的三行代碼是:

        android:name="androidx.navigation.fragment.NavHostFragment"
        app:defaultNavHost="true"
        app:navGraph="@navigation/demo_nav"

前面兩行代碼是固定格式,第三句代碼指定了Navigation地圖球凰。

【5】fragment 切換

Navigation優(yōu)化了 fragment 的事務處理狮腿,Navigation使fragment的切換變得簡單。

從一個fragment切換到下一個fragment:

        Navigation.findNavController(view).navigate(R.id.action_oneFragment_to_twoFragment, bundle, navOption)
        // 或者
        // findNavController().navigate(R.id.action_oneFragment_to_twoFragment, bundle, navOption)

Navigation.findNavController(view) 和 findNavController() 是控制器呕诉,
action_oneFragment_to_twoFragment 是導航地圖中action中定義的id缘厢。

彈出fragment:

        Navigation.findNavController(view).popBackStack()
        // 或者
        // findNavController().popBackStack()

popBackStack 可以指定 destinationId 參數(shù),如果沒有指定义钉,則默認彈出當前fragment 并切換到上一個fragment昧绣。
如果指定了 destinationId 參數(shù),那么將會一直彈出捶闸,直到 destinationId 為止夜畴。

【6】數(shù)據(jù)傳遞方式

【1】使用 ViewModelProvider 可以做到 Activity 和 fragment 之間數(shù)據(jù)共享

     ViewModelProvider(this).get(T::class.java)

【2】Bundle 傳遞

    fragment 之間可以使用 Bundle 傳遞方式:

    view.next.setOnClickListener {

        // 參數(shù)設置
        val bundle = Bundle()
        bundle.putString("name","zhangsan")
        // 傳遞
        Navigation.findNavController(view).navigate(R.id.action_oneFragment_to_twoFragment, bundle)
    }

    // 接收
    val name: String? = arguments?.getString("name") // 獲取上級頁面?zhèn)鬟f過來的文本

【3】利用 Safe Args 插件傳遞參數(shù)

由于類型安全拖刃,使用 safe args 生成的類的導航是按操作導航以及在導航期間傳遞參數(shù)的首選方式。

第一步贪绘、添加 safe args 插件:

buildscript {

    repositories {
        google()
        mavenCentral()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:7.2.1'
        classpath "androidx.navigation:navigation-safe-args-gradle-plugin:2.3.5"
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.6.10"
    }
}

第二步兑牡、在模塊下添加:

plugins {
    id 'org.jetbrains.kotlin.android.extensions'
    id 'androidx.navigation.safeargs.kotlin'
}

第三步、在Navigation地圖中添加argument

<fragment
    android:id="@+id/twoFragment"
    android:name="com.yunchong.jetpack.fragments.TwoFragment"
    android:label="fragment_two"
    tools:layout="@layout/fragment_two" >
    <action
        android:id="@+id/action_twoFragment_to_threeFragment"
        app:destination="@id/threeFragment" />

    <argument
        android:name="name"
        android:defaultValue="zhangsan"
        app:argType="string"/>
</fragment>

第四步税灌、發(fā)送數(shù)據(jù)

    val bundle = OneFragmentDirections.actionOneFragmentToTwoFragment(name = "hello zhangsan").arguments
    Navigation.findNavController(view).navigate(R.id.action_oneFragment_to_twoFragment, bundle, null)

第五步均函、接收數(shù)據(jù)

    val safeArgs: TwoFragmentArgs by navArgs()
    val name = safeArgs.name

【7】fragment切換動畫

    view.next.setOnClickListener {
        // 設置動畫參數(shù)
        val navOption = navOptions {
            anim {
                enter = R.anim.slide_in_right
                exit = R.anim.slide_out_left
                popEnter = R.anim.slide_in_left
                popExit = R.anim.slide_out_right
            }
        }

        Navigation.findNavController(view).navigate(R.id.action_oneFragment_to_twoFragment, null, navOption)
    }

或者在action中定義:

<fragment
    android:id="@+id/oneFragment"
    android:name="com.yunchong.jetpack.fragments.OneFragment"
    android:label="fragment_one"
    tools:layout="@layout/fragment_one" >
    <action
        android:id="@+id/action_oneFragment_to_twoFragment"
        app:destination="@id/twoFragment"
        app:enterAnim="@anim/slide_in_right"
        app:exitAnim="@anim/slide_out_left"
        app:popEnterAnim="@anim/slide_in_left"
        app:popExitAnim="@anim/slide_out_right"/>
</fragment>

slide_in_right 代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="100%"
        android:toXDelta="0%"
        android:fromYDelta="0%"
        android:toYDelta="0%"
        android:duration="700"/>
</set>

slide_out_left 代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0%"
        android:toXDelta="-100%"
        android:fromYDelta="0%"
        android:toYDelta="0%"
        android:duration="700"/>
</set>

slide_in_left 代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="-100%"
        android:toXDelta="0%"
        android:fromYDelta="0%"
        android:toYDelta="0%"
        android:duration="700"/>
</set>

slide_out_right 代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0%"
        android:toXDelta="100%"
        android:fromYDelta="0%"
        android:toYDelta="0%"
        android:duration="700"/>
</set>

【8】navigation可以和一些控件綁定

Navigation 可以綁定 menus 、 drawers 菱涤、 bottom navigation苞也、CollapsingToolbarLayout、Toolbar粘秆,它們提供
view.setupWithNavController(navController)
方法如迟,來綁定navigation控制器。

[本章完...]

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末攻走,一起剝皮案震驚了整個濱河市殷勘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌昔搂,老刑警劉巖玲销,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異摘符,居然都是意外死亡贤斜,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門议慰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蠢古,“玉大人,你說我怎么就攤上這事别凹〔菅龋” “怎么了?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵炉菲,是天一觀的道長堕战。 經常有香客問我,道長拍霜,這世上最難降的妖魔是什么嘱丢? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮祠饺,結果婚禮上越驻,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好缀旁,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布记劈。 她就那樣靜靜地躺著,像睡著了一般并巍。 火紅的嫁衣襯著肌膚如雪目木。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天懊渡,我揣著相機與錄音刽射,去河邊找鬼。 笑死剃执,一個胖子當著我的面吹牛誓禁,可吹牛的內容都是我干的。 我是一名探鬼主播肾档,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼现横,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了阁最?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤骇两,失蹤者是張志新(化名)和其女友劉穎速种,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體低千,經...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡配阵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了示血。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片棋傍。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖难审,靈堂內的尸體忽然破棺而出瘫拣,到底是詐尸還是另有隱情,我是刑警寧澤告喊,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布麸拄,位于F島的核電站,受9級特大地震影響黔姜,放射性物質發(fā)生泄漏拢切。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一秆吵、第九天 我趴在偏房一處隱蔽的房頂上張望淮椰。 院中可真熱鬧,春花似錦、人聲如沸主穗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽黔牵。三九已至聪轿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間猾浦,已是汗流浹背陆错。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留金赦,地道東北人音瓷。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像夹抗,于是被迫代替她去往敵國和親绳慎。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內容