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
580
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
520
技術を根付かせる / How to make technology take root
kubode
1
380
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
kubode
0
470
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
kubode
1
1.3k
Make your Android app into Multiplatform app
kubode
0
170
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
kubode
1
1.1k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
kubode
0
870
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
kubode
0
370
Other Decks in Technology
See All in Technology
シークレット管理だけじゃない!HashiCorp Vault でデータ暗号化をしよう / Beyond Secret Management! Let's Encrypt Data with HashiCorp Vault
nnstt1
3
140
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
soneo1127
0
250
MCPで変わる Amebaデザインシステム「Spindle」の開発
spindle
PRO
3
2.3k
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
microcms
0
360
Vault meets Kubernetes
mochizuki875
0
170
AI時代にPdMとPMMはどう連携すべきか / PdM–PMM-collaboration-in-AI-era
rakus_dev
0
260
事業価値と Engineering
recruitengineers
PRO
8
5.4k
ヘブンバーンズレッドにおける、世界観を活かしたミニゲーム企画の作り方
gree_tech
PRO
0
440
スプリントレトロスペクティブはチーム観察の宝庫? 〜チームの衝突レベルに合わせたアプローチ仮説!〜
electricsatie
1
150
Skrub: machine-learning with dataframes
gaelvaroquaux
0
110
サンドボックス技術でAI利活用を促進する
koh_naga
0
150
DuckDB-Wasmを使って ブラウザ上でRDBMSを動かす
hacusk
1
140
Featured
See All Featured
Side Projects
sachag
455
43k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
We Have a Design System, Now What?
morganepeng
53
7.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Speed Design
sergeychernyshev
32
1.1k
Done Done
chrislema
185
16k
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