Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Compose Shadow Alternative
Search
Masatoshi Kubode
November 14, 2023
Technology
0
490
Compose Shadow Alternative
Talked in
https://potatotips.connpass.com/event/299247/
Masatoshi Kubode
November 14, 2023
Tweet
Share
More Decks by Masatoshi Kubode
See All by Masatoshi Kubode
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
kubode
0
150
技術を根付かせる / How to make technology take root
kubode
1
300
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
kubode
0
370
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
kubode
1
1.1k
Make your Android app into Multiplatform app
kubode
0
120
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
kubode
1
890
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
kubode
0
640
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
kubode
0
330
ウォンテッドリーでのKMPワークフロー / KMP workflow at Wantedly
kubode
0
1.7k
Other Decks in Technology
See All in Technology
一人QA時代が終わり、 QAチームが立ち上がった話
ma_cho29
0
220
移行できそうでやりきれなかった 10年超えのシステムを葬るための戦略 / phper-kaigi-2025-ryu
carta_engineering
0
670
fukuoka.ts #3 社内でESLintの共通設定を配りたい2025年春版
pirosikick
1
270
React Server Componentは 何を解決し何を解決しないのか / What do React Server Components solve, and what do they not solve?
kaminashi
3
440
ソフトウェア開発現代史: なぜ日本のソフトウェア開発は「滝」なのか?製造業の成功体験とのギャップ #jassttokyo
takabow
1
290
スケールアップ企業のQA組織のバリューを最大限に引き出すための取り組み
tarappo
4
720
View Transition API
shirakaba
1
810
モジュラーモノリスでスケーラブルなシステムを作る - BASE のリアーキテクチャのいま
panda_program
7
1.6k
DevinはクラウドエンジニアAIになれるのか!? 実践的なガードレール設計/devin-can-become-a-cloud-engineer-ai-practical-guardrail-design
tomoki10
2
710
大規模プロジェクトにおける 品質管理の要点と実践 / 20250327 Suguru Ishii
shift_evolve
0
190
Reactを段階的に覗いてみる
ytaisei
2
820
SpannerとAurora DSQLの同時実行制御の違いに想いを馳せる
masakikato5
0
450
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Code Review Best Practice
trishagee
67
18k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Being A Developer After 40
akosma
89
590k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Producing Creativity
orderedlist
PRO
344
40k
How GitHub (no longer) Works
holman
314
140k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
We Have a Design System, Now What?
morganepeng
51
7.5k
Designing Experiences People Love
moore
140
23k
Transcript
© 2023 Wantedly, Inc. Compose Shadow Alternative potatotips #85 2023/11/14
久保出 雅俊
wantedly.com/id/kubode © 2023 Wantedly, Inc. X: @swiz_ard GitHub: @kubode
今日の目的 © 2023 Wantedly, Inc.
目的 © 2023 Wantedly, Inc. https://github.com/kubode/compose-shadow-alternative の宣伝
影の表現 © 2023 Wantedly, Inc.
CSS © 2023 Wantedly, Inc.
SwiftUI © 2023 Wantedly, Inc.
Compose © 2023 Wantedly, Inc.
モチベ Composeでも DropShadow | BoxShadowし たい! © 2023 Wantedly, Inc.
BoxShadow © 2023 Wantedly, Inc.
BoxShadow © 2023 Wantedly, Inc.
BoxShadowの実装 © 2023 Wantedly, Inc. ブラー効果のPaint(影の実体 shapeの部分をくり抜き x,yずらす 影を描画
DropShadow © 2023 Wantedly, Inc.
DropShadow © 2023 Wantedly, Inc.
DropShadowの実装 © 2023 Wantedly, Inc.
DropShadowの実装 © 2023 Wantedly, Inc.
DropShadowの実装 © 2023 Wantedly, Inc. BitmapとCanvasを保持
DropShadowの実装 © 2023 Wantedly, Inc. Compose 1.6で追加されたAPI 別のCanvasに描画できる
DropShadowの実装 © 2023 Wantedly, Inc. ContentのImageを描画 ブラーをかける
1. Android 12以降じゃないと動作しない 2. コンテンツ内のIndicationなどが効かない 3. パフォーマンスは悪い 制約 © 2023
Wantedly, Inc.
まとめ © 2023 Wantedly, Inc.
• Composeでもリッチな影表現は可能 • 公式でサポートしてほしい まとめ © 2023 Wantedly, Inc.
© 2023 Wantedly, Inc. https://github.com/kubode/compose-shadow-alternative