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
590
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
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
kubode
2
1.1k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
kubode
0
570
技術を根付かせる / How to make technology take root
kubode
1
400
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
kubode
0
510
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
kubode
1
1.3k
Make your Android app into Multiplatform app
kubode
0
180
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
kubode
1
1.2k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
kubode
0
930
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
kubode
0
380
Other Decks in Technology
See All in Technology
事業開発におけるDify活用事例
kentarofujii
5
1.5k
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
hhiroshell
0
140
AI機能プロジェクト炎上の 3つのしくじりと学び
nakawai
0
120
Building a cloud native business on open source
lizrice
0
180
マルチエージェントのチームビルディング_2025-10-25
shinoyamada
0
180
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
11k
現場の壁を乗り越えて、 「計装注入」が拓く オブザーバビリティ / Beyond the Field Barriers: Instrumentation Injection and the Future of Observability
aoto
PRO
1
600
Azure Well-Architected Framework入門
tomokusaba
1
130
SRE × マネジメントレイヤーが挑戦した組織・会社のオブザーバビリティ改革 ― ビジネス価値と信頼性を両立するリアルな挑戦
coconala_engineer
0
260
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
3
850
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
380
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
0
370
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
How STYLIGHT went responsive
nonsquared
100
5.9k
Typedesign – Prime Four
hannesfritz
42
2.8k
The Invisible Side of Design
smashingmag
302
51k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
Navigating Team Friction
lara
190
15k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
For a Future-Friendly Web
brad_frost
180
10k
Producing Creativity
orderedlist
PRO
347
40k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
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