「家族アルバム みてね」では2023年中旬頃から本格的にSwiftUIとJetpack Compose(以下Compose)を利用して画面の実装をしています。現在は主に新規画面の実装にてSwiftUIやComposeを活用しており、UIKitやXMLを用いた画面の実装と比べて開発体験が大きく変化したと感…
こんにちは、Androidエンジニアの@morux2です。本記事ではJetpack Composeでスポットライト機能を実装する方法を紹介します。 はじめに スポットライトは、特定の要素を目立たせることでユーザーの行動を促す機能です。スタディサプリ中学講座のオンボーディング画面にも採用されており、現在カスタムViewからの移行を進めています。 スタディサプリ中学講座のオンボーディング 今回は実装を3つのステップに分けて紹介します。 実装の3ステップ 画面全体を半透明の黒いViewで覆う スポットライトを当てたい要素の長方形の座標を取得する 取得した座標に沿って黒いViewを切り抜く 参考にさせていただいた記事はこちらになります。 スポットライト機能の実装 1. 画面全体を半透明の黒いViewで覆う まずCanvasを使用して半透明の黒いViewを作成します。 @Composable fun
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く