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
560
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
990
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
kubode
0
410
技術を根付かせる / How to make technology take root
kubode
1
360
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
kubode
0
450
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
kubode
1
1.3k
Make your Android app into Multiplatform app
kubode
0
160
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
kubode
1
1.1k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
kubode
0
820
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
kubode
0
360
Other Decks in Technology
See All in Technology
DATA+AI SummitとSnowflake Summit: ユーザから見た共通点と相違点 / DATA+AI Summit and Snowflake Summit
nttcom
0
220
今日からあなたもGeminiを好きになる
subaruhello
1
580
AIコードアシスタントとiOS開発
jollyjoester
1
230
新規事業におけるAIリサーチの活用例
ranxxx
0
150
MCPと認可まわりの話 / mcp_and_authorization
convto
1
150
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.5k
生成AIによる情報システムへのインパクト
taka_aki
1
150
東京海上日動におけるセキュアな開発プロセスの取り組み
miyabit
0
140
Microsoft Defender XDRで疲弊しないためのインシデント対応
sophiakunii
3
400
複数のGemini CLIが同時開発する狂気 - Jujutsuが実現するAIエージェント協調の新世界
gunta
12
3.3k
Data Engineering Study#30 LT資料
tetsuroito
1
570
ecspressoの設計思想に至る道 / sekkeinight2025
fujiwara3
11
1.5k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Navigating Team Friction
lara
187
15k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Rails Girls Zürich Keynote
gr2m
95
14k
Building Applications with DynamoDB
mza
95
6.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Docker and Python
trallard
45
3.5k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
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