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
300
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
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
kubode
1
260
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
kubode
0
150
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
kubode
0
220
ウォンテッドリーでのKMPワークフロー / KMP workflow at Wantedly
kubode
0
1.4k
ComposeでのShared Element Transition / Shared Element Transition in Compose
kubode
0
360
K2への完全移行結果 / Results of complete migration to K2
kubode
2
5.3k
Data Bindingの移行を楽にする / Easier migration of Data Binding
kubode
0
1.1k
アイコンをComposeにする / Compose the Icons
kubode
0
480
デザインシステムのCompose実装 / Design system Compose implementation
kubode
0
540
Other Decks in Technology
See All in Technology
ナレッジグラフとLLMの相互利用
koujikozaki
0
340
「自動テストのプラクティスを効果的に学ぶためのカードゲーム」 ( #sqip2024 )
teyamagu
PRO
1
160
LLVM/ASMを使った有限体の高速実装
herumi
0
120
スタッフエンジニアの道: The Staff Engineer’s Path
snoozer05
PRO
41
13k
忙しい人のためのLangGraph概要まとめ
__ymgc__
1
150
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
230
Oracle Cloud Infrastructure IaaS 新機能アップデート 2024/6 - 2024/8
oracle4engineer
PRO
0
110
疎通2024
sadnessojisan
5
1k
SAVEPOINT α版
savepoint
0
640
アプリをリリースできる状態に保ったまま 段階的にリファクタリングするための 戦略と戦術 / Strategies and tactics for incremental refactoring
yanzm
6
760
AWS SAW を広めたい @四国クラウドお遍路
kazzpapa3
0
220
Functional TypeScript
naoya
11
4.6k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
36
6.8k
Debugging Ruby Performance
tmm1
72
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
Producing Creativity
orderedlist
PRO
340
39k
Side Projects
sachag
451
42k
Building Your Own Lightsaber
phodgson
101
6k
Visualization
eitanlees
142
15k
Designing Experiences People Love
moore
138
23k
Gamification - CAS2011
davidbonilla
79
4.9k
Being A Developer After 40
akosma
84
590k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.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