如何用Navigation管理Fragment?針對(duì)這個(gè)問(wèn)題,今天小編總結(jié)這篇有關(guān)使用Navigation的文章,希望能幫助更多想解決這個(gè)問(wèn)題的朋友找到更加簡(jiǎn)單易行的辦法。
創(chuàng)新互聯(lián)公司專注于企業(yè)網(wǎng)絡(luò)營(yíng)銷推廣、網(wǎng)站重做改版、撫寧網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、商城開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為撫寧等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。首先我們回顧一下Fragment的事務(wù):
fragmentManager.beginTransaction().add(xxx).commit();
如果是常見的多Tab切換Fragment,我們會(huì)在XML中使用FrameLayout作為Fragment的容器,然后創(chuàng)建Fragment實(shí)例,根據(jù)不同情況放入FrameLayout中:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
假設(shè)我們要閱讀這份代碼,坦白的說(shuō),你從這個(gè)xml可以得到的信息非常的少,你只能猜測(cè)這個(gè)頁(yè)面可能是使用了Fragment僅此而已,然后再去找Java或Kotlin文件,具體查看FrameLayout都使用了哪些功能邏輯。
現(xiàn)在我們用Navigation庫(kù),完成剛才的多Tab切換邏輯:
MainActivity的xml文件:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<!-- fragment的集合 -->
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:defaultNavHost="true"
app:navGraph="@navigation/nav_graph" />
</androidx.constraintlayout.widget.ConstraintLayout>
nav_graph文件:
<?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/nav_graph"
app:startDestination="@id/mainFragment"> <!-- 開始的fragment -->
<fragment
android:id="@+id/mainFragment"
android:name="com.lzp.navigation.fragment.MainFragment"
android:label="main"
tools:layout="@layout/fragment_main" />
<fragment
android:id="@+id/secondFragment"
android:name="com.lzp.navigation.fragment.SecondFragment"
android:label="second"
tools:layout="@layout/fragment_sec" />
</navigation>
從代碼量上來(lái)看,確實(shí)是增加了,但是對(duì)應(yīng)的xml中可以查看的信息增加了很多,從Activity的XML中我們把Fragment的使用區(qū)域封裝成一個(gè)Fragment,而這個(gè)Fragment綁定了一個(gè)@navigation/nav_graph文件,在nav_graph中描述了我們將會(huì)使用到哪些Fragment。
從剛才我們的例子可以看出,Navigation的目標(biāo)是把Fragment的維護(hù)移動(dòng)到XML中,盡可能簡(jiǎn)化Fragment的使用復(fù)雜度,提高代碼的可閱讀性和維護(hù)性。你可以把Navigation的使用看成是一個(gè)高級(jí)的Include,只不過(guò)他的功能更加豐富和強(qiáng)大。
dependencies {
def nav_version = "2.1.0"
// Java
implementation "androidx.navigation:navigation-fragment:$nav_version"
implementation "androidx.navigation:navigation-ui:$nav_version"
// Kotlin
implementation "androidx.navigation:navigation-fragment-ktx:$nav_version"
implementation "androidx.navigation:navigation-ui-ktx:$nav_version"
}
Google提供了Java和Kotlin兩個(gè)版本。想要使用Navigation,必須要支持androidX,沒(méi)有升級(jí)到androidX的朋友真的應(yīng)該抓緊時(shí)間了。
<!-- fragment的集合 -->
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:defaultNavHost="true"
app:navGraph="@navigation/nav_graph" />
把FrameLayout容器替換成NavHostFragment,app:navGraph="@navigation/nav_graph"
是綁定對(duì)應(yīng)的布局文件。@navigation只有在android studio 3.3以上版本才支持。
在res文件加下創(chuàng)建navigation文件夾,在該文件夾下創(chuàng)建你需要的xml:
之前的Demo的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"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/nav_graph"
app:startDestination="@id/mainFragment"> <!-- 開始的fragment -->
<fragment
android:id="@+id/mainFragment"
android:name="com.lzp.navigation.fragment.MainFragment"
android:label="main"
tools:layout="@layout/fragment_main" />
<fragment
android:id="@+id/secondFragment"
android:name="com.lzp.navigation.fragment.SecondFragment"
android:label="second"
tools:layout="@layout/fragment_sec" />
</navigation>
我們將會(huì)使用兩個(gè)Fragment,分別為MainFragment和SecondFragment,要為他們?cè)O(shè)置好id,因?yàn)镕ragment的切換需要使用id。app:startDestination="@id/mainFragment"
必須設(shè)置,指定默認(rèn)添加的Fragment的id,如果不設(shè)置會(huì)直接崩潰。
從MainFragment切換到SecondFragment:
val navHostController = Navigation.findNavController(activity, R.id.nav_host_fragment)
// 跳轉(zhuǎn)到secondFragment
navHostController.navigate(R.id.secondFragment)
// 返回上一個(gè)Fragment
navHostController.navigateUp()
Navigation的使用就是這么簡(jiǎn)單,如果是Fragment非常熟悉的朋友,大體都能猜到Navigation是怎么做到的,這里就不做更多的分析了,接下來(lái)我們一起看看Navigation還提供了哪些便捷的方法。
Fragment的控制幾乎都在NavController中。
val navController = Navigation.findNavController(this, R.id.nav_host_fragment)
// 與inflater類似,加載xml文件
val navGraph = navController.navInflater.inflate(R.navigation.nav_graph)
// 設(shè)置NavGraph,還有其他重載方法
navController.setGraph(navGraph, Bundle())
實(shí)現(xiàn)Fragment的切換動(dòng)畫有兩種方法,第一種非常簡(jiǎn)單,直接在XML中寫:
<fragment
android:id="@+id/mainFragment"
android:name="com.lzp.navigation.fragment.MainFragment"
android:label="main"
tools:layout="@layout/fragment_main">
<action
android:id="@+id/to_second"
app:destination="@id/secondFragment"
app:enterAnim="@anim/enter_anim"
app:exitAnim="@anim/exit_anim"
app:popEnterAnim="@anim/pop_enter_anim"
app:popExitAnim="@anim/pop_exit_anim" />
</fragment>
action可以自定義啟動(dòng)模式,啟動(dòng)動(dòng)畫等,id為必填項(xiàng)
app:enterAnim="@anim/enter_anim" // 進(jìn)入頁(yè)面的動(dòng)畫
app:exitAnim="@anim/exit_anim" // 退出的頁(yè)面的動(dòng)畫
app:popEnterAnim="@anim/pop_enter_anim" // 點(diǎn)擊返回或回到上一頁(yè)時(shí),上一個(gè)頁(yè)面的進(jìn)入動(dòng)畫
app:popExitAnim="@anim/pop_exit_anim" // 點(diǎn)擊返回或回到上一頁(yè)時(shí),當(dāng)前頁(yè)面的退出動(dòng)畫
第二種,通過(guò)代碼設(shè)置切換動(dòng)畫:
navHostController.navigate(R.id.to_second, bundle, navOptions {
anim {
enter = R.anim.enter_anim
exit = R.anim.exit_anim
popEnter = R.anim.pop_enter_anim
popExit = R.anim.pop_exit_anim
}
})
重點(diǎn)是創(chuàng)建NavOption,他包含了跳轉(zhuǎn)的各種動(dòng)畫,除了舉例的方法外,還有很多其他重載的方法,這里就不做介紹了,大家可以自行查看。
Fragment的切換使用NavController的navigate()方法,他重載的方法非常多,在這里只介紹幾個(gè)常用的方法。
navHostController.navigate(R.id.secondFragment)
請(qǐng)注意,這種跳轉(zhuǎn)會(huì)直接忽略你設(shè)置的Action,直接顯示對(duì)應(yīng)id的Fragment。
// 使用配置的action進(jìn)行跳轉(zhuǎn)
navHostController.navigate(R.id.to_second)
第三種,自定義NavDirections
// 自定義NavDirections
navHostController.navigate(object : NavDirections {
override fun getArguments(): Bundle = bundle
override fun getActionId(): Int = R.id.to_second
})
前兩中也都有Bundle參數(shù)的跳轉(zhuǎn)方法,在arguments中得到傳遞的參數(shù)。
private val onDestinationChangedListener =
NavController.OnDestinationChangedListener { _, destination, _ -> Log.e("lzp", destination.label.toString()) }
val navHostController = Navigation.findNavController(this, R.id.nav_host_fragment)
// 設(shè)置監(jiān)聽
navHostController.addOnDestinationChangedListener(onDestinationChangedListener)
// 移除監(jiān)聽
navHostController.removeOnDestinationChangedListener(onDestinationChangedListener)
可以通過(guò)配置Uri的形式跳轉(zhuǎn):
<?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/nav_graph"
app:startDestination="@id/mainFragment"> <!-- 開始的fragment -->
...
<fragment
android:id="@+id/secondFragment"
android:name="com.lzp.navigation.fragment.SecondFragment"
android:label="second"
tools:layout="@layout/fragment_sec">
<deepLink app:uri="lzp://main/second" />
</fragment>
<activity
android:id="@+id/to_second_activity"
android:name="com.lzp.navigation.SecondActivity">
<deepLink app:uri="lzp://second/main" />
</activity>
</navigation>
// 使用Uri進(jìn)行DeepLinkt跳轉(zhuǎn)
navHostController.navigate(Uri.parse("lzp://second/main"))
上文描述的就是用Navigation管理Fragment的方法,具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過(guò)才能領(lǐng)會(huì)。如果想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前題目:如何用Navigation管理Fragment-創(chuàng)新互聯(lián)
鏈接分享:http://jinyejixie.com/article8/ccsjop.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、網(wǎng)站建設(shè)、微信小程序、網(wǎng)站改版、手機(jī)網(wǎng)站建設(shè)、用戶體驗(yàn)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容