ComposeとCoordinatorLayoutを組み合わせるヒロとジェームスこんにちは、id:numanuma08です。ツーリングや登山をしたいですが、天候に恵まれません。ComposeとCoordinatorLayoutを組み合わせてスクロールしたときにツールバーを画面上部に固定したり隠したりします。3の実装が充実してきています。3に準拠していないデザインを実装するケースもあります。今回はそんな要件です。スクロールされて消えるツールバーと残るタブ画面上部にあるツールバーはメインコンテンツのスクロールに連動して画面外に行くが、タブは画面内に残るパターンです。2022年6月22日LargeToolbarとの組み合わせでなんとかできるのかな?と調べましたが、どうやらCoordinatorLayoutを使って実装したほうが速そうでした。このブログを書いている時点(2022/06/22)でまだ試験的実装ですが、CoordinatorLayout内にスクロール可能な要素を配置するためのrememberNestedScrollInteropConnection()を使うと実現可能です。DevelopersレイアウトCoordinatorLayoutを親にして中にメインコンテンツのためのComposeView、AppBarLayout、さらにその中にAppBarやタブを表示するためのComposeViewを含めます。/></androidx.coordinatorlayout.widget.CoordinatorLayout>画面外に消える要素にはapp:layout_scrollFlags="scroll|enterAlwaysCollapsed"を指定します。あとは、それぞれのComposeViewに対して要素を宣言します。スクロール可能な要素。})}スクロールしたときに画面外に消える部分スクロールしても画面内に残る部分スクロールするコンテンツそれぞれをComposeViewで宣言して、レイアウトを組むことで目的を達成できました。ComposeとCoordinatorLayoutを使ってスクロール時に画面外に消える部分と残る部分があるツールバーを実現しました。Composeで完結する仕組みになっていたらシンプルで良かったのにと思いました。Compose単体で完結しているサンプルもありました。今回のやり方のほうがよりシンプルな方法で目的を達成できたと思っています。Navigationを使って型安全にパラメータを渡すこんにちは、id:numanuma08です。ひさびさにAndroidネタです。...2021-09-03JetpackComposeのリストでスクロール位置を保持するこんにちはid:numanuma08です。11はてなブログをはじめよう!covellineさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。