【從零開始擼一個App】Fragment和導航中的使用
阿新 • • 發佈：2021-02-20
## Fragment簡介
`Fragment`自從Android 3.0引入開始，它所承擔的角色就是顯而易見的。它之於`Activity`就如html片段之於頁面，好處無需贅述。
Fragment例項由Activity的`FragmentManager`管理，其生命週期和Activity一樣，都不是由開發人員而是由系統維護的。自然而然的，每當它們被重建時，系統只會去呼叫它們的無參構造器，帶參構造器會被無視。那如果要在它們建立時傳入初始化資料咋辦呢？這也是為什麼會有`Bundle`這個玩意兒的存在，就是用於開發人員存取相關資料，如下所示：
```kotlin
/**
* Use the [ThumbnailsFragment.newInstance] factory method to
* create an instance of this fragment.
*/
class ThumbnailsFragment() : Fragment() {
private var albumTag: String? = null
companion object {
@JvmStatic
fun newInstance(albumTag: String?) =
ThumbnailsFragment().apply {
arguments = Bundle().apply {
putString("albumTag", albumTag)
}
}
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
arguments?.let {
albumTag = it.getString("albumTag")
}
}
/*other code*/
}
```
arguments由FragmentManager維護（跨fragment生命週期），可參看[Android解惑 - 為什麼要用Fragment.setArguments(Bundle bundle)來傳遞引數](https://blog.csdn.net/tu_bingbing/article/details/24143249)
## 底部導航欄切換Fragment
效果如下
### BottomNavigationView
底部是`BottomNavigationView`元件，各個選單在另外xml中定義，然後通過`app:menu="xxx"`指定。此處選單定義如下
```xml
```
然後在程式碼中設定`BottomNavigationView.setOnNavigationItemSelectedListener`，判斷當前選中的選單項，手動切換Fragment，需要用到`FragmentTransaction`。如下示例
```kotlin
override fun onClick(view: View?) {
val trans = activity.supportFragmentManager.beginTransaction()
val fragments = activity.supportFragmentManager.fragments
fragments.forEach {
if (it.isVisible) {
trans.hide(it) //隱藏當前顯示的fragment
}
}
val tag = (view as TextView).text.toString()
val thumbnailsFragment = ThumbnailsFragment.newInstance(tag)
//fragment_main_container就是居中的那塊區域，用於顯示各個fragment
trans.add(R.id.fragment_main_container, thumbnailsFragment, tag)
trans.show(thumbnailsFragment)
trans.addToBackStack(null) //將本次操作入棧
trans.commitAllowingStateLoss() //提交
}
```
注意`addToBackStack`方法，該方法是為了實現回退時——使用者按返回按鈕或程式執行回退（配合`popBackStack`）——介面能返回到本次操作前的狀態。也可指定tag，在跨[多次]操作回退時有用。注意此處入棧的是操作資訊，而非fragment。
### Navigation
上述手動控制Fragment的切換太麻煩。2018 I/O大會上，Google隆重推出一個新的架構元件：`Navigation`。它提供了多Fragment之間的轉場、棧管理。在抽屜式/底部/頂部導航欄的需求中都可以使用這個元件。
使用：在res目錄下新建navigation資料夾，然後新建一個`navigation graph`設為bottom_navigation：
```xml
```
注意每個fragment的id要和之前定義的menu的id保持一致。可以設定轉場動畫，還可以設定每個fragment跳轉的目標（destination），目標可以是 Activity或Fragment，也可以自定義。
然後在Activity佈局檔案中新增一個Fragment，設定name屬性為`android:name="androidx.navigation.fragment.NavHostFragment"`。在傳統的單Activity多Fragment場景中，我們往往需要為Activity新增一個`FrameLayout`作為Fragment的容器。在Navigation中`HavHostFragment`就是Fragment的容器（`HavHostFragment`繼承了`NavHost`。The `NavHost` interface enables destinations to be swapped in and out.），其中設定`app:navGraph="@navigation/bottom_navigation"`使之與`navigation graph`建立聯絡。
```xml