方式

参考資料

• 【Kotlin 初心者】CustomDialogの作り方
• カスタム レイアウトを作成する
• Displaying dialogs with DialogFragment

参考サイト

• Using BottomSheetDialogFragment with Material Design Guideline

留意点

BottomSheetScaffold と ModalBottomSheetLayout は、両者ともに ExperimentalMaterialApi のため JetpackCompose で実装することは避けたほうがよい。

xml で生成していく。

Jetpack Compose で LazyListView を使った実装ができなくとも、LayoutのListView実装のスクロールバーの保持は StateRestorationPolicy が使えるかもしれない

• RecyclerViewのスクロール位置の復元

参考サイト

• Create dynamic lists with RecyclerView
• 【Android】RecyclerView で無限スクロールを実装する
• Endless Scrolling with AdapterViews and RecyclerView
• RecyclerViewの基本

BottomNavigationViewコンポーネント

懸念点

ここで注意したいのが、Fragmentの切り替え方です。Web上で見つかるコードは、以下のようなreplaceで書かれていることが多いですが、replaceで切り替えると、表示ごとにFragmentの状態が初期化されてしまうため、各アイテムの状態を保つことができません。replaceは内部的にremove、addを行っているためです。

BottomNavigationViewの各メニューアイテムはそれぞれフラグメントで作成し、かつ状態を保持したい。

こちらの資料で紹介されている、「FragmentPagerAdapterを継承したViewPagerクラス」を活用した方法で解決できそう。

FragmentPagerAdapter

Implementation of PagerAdapter that represents each page as a Fragment that is persistently kept in the fragment manager as long as the user can return to the page.

FragmentPagerAdapter

こちらの FragemntPagerAdapterは Depricated されているようで、ViewPager2 と FragmentStateAdapter を使用するように公式でアナウンスされている。

FragmentStateAdapterを使った実装

以下の資料が参考になりそう。

• iOSエンジニアがAndroidアプリをリリースするまで3 〜BottomNavigationViewのFragmentをViewPager2で切り替える〜
• AndroidのViewPagerを下タブで切り替え
• setOnNavigationItemSelectedListener deprecated

BottomNavigationView と ViewPager2 を使って、フラグメント再生成を行った場合のデメリット

各フラグメントのインスタンス化は、FragmentStateAdapter が MainAcitivity でインスタンス可されるときに実行される。
そのため、初めてフラグメントのページに訪問した時にインスタンス可されない。

そのことから、例としてホーム画面が生成された時に各画面のフラグメントのインスタンスが生成されてしまうため、各画面にて行いたいAPI通信が最初にすべて実行されてしまう問題がある。'

saveFragmentInstanceState を使って、各フラグメントの状態を保持しておく

以下の記事を参考にする

参考資料

• Saving Fragment States with BottomNavigationView
• How to correctly save instance state of Fragments in back stack?

Show/Hide

各画面の状態は維持しておきたい場合などはViewPagerと連動させたりShow/Hideで切り替えることを選ぶと良さそう。

【Android】Fragmentを使うときのコツとか色々

Fragmentをhideすることは、アプリのパフォーマンス的にあまり良くないとのこと

It just hides the views, fragment is still in RESUMED state 🤯🤯🤯🤯

FragmentTransaction.hide()- findings

参考資料

• BottomNavigationView
• Bottom navigation Material Design
• 【Androidアプリ開発】BottomNavigationViewによる画面遷移
• AndroidアプリへのBottom Navigationの導入

画面をスクロールした時に、アニメーションでAppBarを生成するようにしてほしい

参考サイト

• ProgressBar

目標

Flutter の Stack のようなもので、レイアウトを重ねる
作成したいものは、Image View の上に TextView を重ねたい。

• **部に番号
• 下部に名前

FrameLayout or RelativeLayout

資料

• レイアウト（７）-FrameLayout ウィジェットを重ね合わせて配置する。

方針

方針として、カルーセルページビューはカスタムダイアログ内で使用するイメージ。
ドットはページビュー下部に設置する予定。
また、左右にスワイプすることができる。

ViewPager2 を使う

懸念点

ViewPager2で左右にスワイプした時に、各フラグメント内のインスタンスが初期化されてしまう可能性あり。

参考資料

• Android ViewPager(2) with dots indicator
• ViewPager から ViewPager2 に移行する
• ViewPager2 を使用してフラグメント間をスライドする
• 【Android開発】ViewPager2の使い方
• Create swipe views with tabs using ViewPager2

参考サイト

• [Android] NumberPicker を設置する

RecyclerView

ListView の後継的存在。
RecyclerView.Adapter クラスとViewHolder クラスを使って、ロジックとViewを切り離して ListViewを作成できる。

参考サイト

• What is the Difference Between ListView and RecyclerView?
• KotlinでRecyclerViewを使ったリスト表示を行う
• RecyclerView で動的リストを作成する

Concatenate Adapters

一つの RecyclerView の中に、複数の Adapter を設置することができる。
Flutter の SilverListのようなものか。

参考サイト

• Concatenate adapters sequentially with ConcatAdapter
• Android RecyclerView Sample (Kotlin)

参考サイト

• Android のアプリ内ブラウザについてのまとめ
• WebView（公式ドキュメント）
• WebView でのウェブアプリの作成

MediaPlayer

参考資料

• MediaPlayer の概要