Android 實現複雜懸浮/吸頂導航效果：協調器佈局與自定義滾動行為

需求拆解

頁面結構：頂部搜索框 → 大圖 → 導航欄 → 多個同結構 GridView。期望交互：

1. 上滑一定距離 → 大圖隱藏，導航欄吸附於搜索框下方（吸頂）。
2. 繼續上滑 → 載入更多內容（分頁/無限滾動）。
3. 下滑 → 刷新/恢復大圖顯示。

推薦架構：CoordinatorLayout + AppBarLayout + NestedScrollView/RecyclerView

Google 官方 Material Design 元件庫提供完整支援，無需從零自寫滾動邏輯。

關鍵 XML 佈局結構

<CoordinatorLayout>
  <AppBarLayout
      android:id="@+id/appBar"
      android:fitsSystemWindows="true">

    <!-- 搜索框：固定頂部 -->
    <Toolbar
        android:id="@+id/searchBar"
        app:layout_scrollFlags="scroll|enterAlways|snap" />

    <!-- 大圖：可折疊 -->
    <ImageView
        android:id="@+id/bigImage"
        app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"
        app:layout_collapseMode="parallax" />

    <!-- 導航欄：吸頂 -->
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/navTabs"
        app:layout_scrollFlags="scroll|enterAlways"
        app:layout_collapseMode="pin" />

  </AppBarLayout>

  <!-- 內容區：ViewPager2 + Fragment(GridView) -->
  <androidx.viewpager2.widget.ViewPager2
      android:id="@+id/viewPager"
      app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</CoordinatorLayout>

核心屬性解析

進階功能實現

1. 分頁載入更多（無限滾動）

• 每個 Fragment 使用 `RecyclerView` + `GridLayoutManager`。
• 加入 `OnScrollListener`，當滾動至最後 N 項時觸發載入下一頁。
• 配合 `Paging 3` 庫實現標準化分頁、錯誤重試、預載入。

2. 下拉刷新

• 外層包裹 `SwipeRefreshLayout`，或使用 `SmartRefreshLayout` 第三方庫支援巢狀滾動。
• 刷新完成後 `setRefreshing(false)` 並平滑滾動回頂部。

3. 狀態保存與恢復

• ViewPager2 設定 `setOffscreenPageLimit()` 保留鄰頁狀態。
• Fragment 使用 `ViewModel` 保存分頁數據、滾動位置，配合 `SavedStateHandle` 處理進程死後重建。

避坑指南

• 確保所有滾動容器支援巢狀滾動（`NestedScrollingChild/Parent`），`RecyclerView`/`ViewPager2`/`NestedScrollView` 均原生支援。
• 避免在 `AppBarLayout` 內直接放 `GridView`/`ListView`（不支援巢狀滾動），必須用 `RecyclerView` 或 `ViewPager2` 包裹。
• 大圖使用 `fitsSystemWindows="true"` 配合 `CollapsingToolbarLayout` 處理狀態欄/導航欄遮擋。
• 圖片載入用 Glide/Coil，設定 `override()` 限制尺寸，避免 OOM。

參考資源

完整實現範例可參考博客：Android CoordinatorLayout 吸頂導航+折疊圖片+分頁載入完整實戰（請替換為實際可用連結）。