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
Wear OSアプリ開発Tips with Jetpack Compose
Search
Kenichi Kambara
June 14, 2022
Technology
0
360
Wear OSアプリ開発Tips with Jetpack Compose
Engineer LT 1の発表資料です。
#EngineerLT
#WearOS
#androidjo
Kenichi Kambara
June 14, 2022
Tweet
Share
More Decks by Kenichi Kambara
See All by Kenichi Kambara
[potatotips #86]UX Improvements on Flutter Apps Part 1
korodroid
0
28
Supporting RTL on Flutter Apps 7 Development Tips
korodroid
0
30
[DevFestKC]Go Global with Flutter Apps 101
korodroid
0
33
[ABC2023A]Go Global with Flutter Apps
korodroid
0
24
[potatotips #85]Deep Dive into RTL on Flutter Apps (Short ver.)
korodroid
0
39
Supporting RTL on Flutter Apps
korodroid
0
31
[potatotips #84]Supporting Large Screen on Flutter
korodroid
0
82
7 Tips for Wear OS Apps Development
korodroid
0
39
英語学習の取り組み方(例) / Part2
korodroid
1
360
Other Decks in Technology
See All in Technology
ビジネスとコード品質の接合点 そしてコード品質がそこに及ぼす影響 / The Intersections of Business and Engineering, and The Impact of Code Quality There
mtx2s
10
1k
オブジェクトのおしゃべり大失敗 メッセージングアンチパターン集 / messaging anti-pattern collection
ytake
0
340
ハイパフォーマンスな組織をつくるための開発生産性の考え方 / developer-productivity-high-performer-link-and-motivation
lmi
3
270
技術広報として2023年度に頑張ったこと / What we did well in FY2023 as a DevRel
pauli
5
490
TypeScript Quiz (Encraft #12 Frontend Quiz Night)
uhyo
6
720
任意コード実行の原理
ffri
0
190
2023 Japan AWS Jr.Championsに選出されての振り返りとこれから
hiropy877
1
130
依存ライブラリはどこに?
takesection
0
110
オブジェクト指向宗教史
tanakahisateru
14
12k
Azureコストは水道代/The_47th_Tokyo_Jazug
aeonpeople
3
380
VSCode上からSlackにメッセージを送る拡張機能を作っている話
ebarakazuhiro
0
120
技術広報経験0のEMがエンジニアブランディングをはじめてみた
coconala_engineer
1
140
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
42
6.7k
Fireside Chat
paigeccino
19
2.6k
Side Projects
sachag
451
41k
RailsConf 2023
tenderlove
0
510
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
Building Applications with DynamoDB
mza
88
5.6k
YesSQL, Process and Tooling at Scale
rocio
160
13k
How GitHub (no longer) Works
holman
301
140k
Bash Introduction
62gerente
604
210k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
Build your cross-platform service in a week with App Engine
jlugia
223
17k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
Transcript
Wear OSΞϓϦ։ൃTips with Jetpack Compose 2022.06.14 ਆݪ ݈Ұ (@korodroid) Engineer
LT #1
2 About me ਆݪ ݈Ұ (@korodroid) •Mobile App Development •Speeches
(e.g. 9 International confs.) •Writings (e.g. 6 Dev Books) •[Of fi cial] Evangelist at NTT TechnoCross •[Private] iplatform.org
Agenda •Wear OS ͷ࠷৽τϐοΫ(։ൃऀ͚) •Wear OS ΞϓϦ։ൃTips with Jetpack Compose
Source: Google I/O 2022 Keynote / Developer Keynote / Wear OS Session Android Developers Blog
Wear OS Topics from I/O 2022 (։ൃऀ͚:ൈਮ)
Compose for Wear OS Input components Dialogs Page Indicator Progress
Indicator Navigation
Compose for Wear OS ࣮ྫ(͋ͱͰվળ͍͖ͯ͠·͢) @Composable fun ContactsScreenV1() { LazyColumn
{ item { ListHeader { Text(text = "Contacts") } } items(20) { Chip( icon = { Icon( Icons.Rounded.Face, contentDescription = "Contacts", ) }, label = { Text("HogeHoge Tarou $it") }, colors = ChipDefaults.primaryChipColors(), onClick = { }, ) } } }
7 Wear OS ΞϓϦ։ൃTips with Jetpack Compose
8 ։ൃڥ IntelʹՃ͑ɺApple Siliconαϙʔτ Wear OS ։ൃʹ͓͢͢Ί
9 Wear OS ϓϩδΣΫτ࡞ Jetpack ComposeͰ։ൃ͢Δ߹
10 Live Demo💪
Tips1: Live Editͷઃఆ(Electric Eel)
Tips2: ϓϨϏϡʔػೳ(Electric Eel)
[UIվળͷલʹ…]Wear OSͱMobileͷҧ͍(ྫ) Wear OS (androidx.wear.*) Mobile (androidx.*)
androidx.wear.compose:compose-material androidx.wear.compose:compose-navigation androidx.compose.foundation:foundation androidx.wear.compose:compose-foundation androidx.compose.material:material androidx.navigation:navigation-compose androidx.compose.foundation:foundation ref: https://developer.android.com/training/wearables/compose
@Composable fun ContactsScreenV2() { ScalingLazyColumn { item { ListHeader {
Text(text = "Contacts") } } items(20) { Chip( icon = { Icon( Icons.Rounded.Face, contentDescription = "Contacts", ) }, label = { Text("HogeHoge Tarou $it") }, colors = ChipDefaults.primaryChipColors(), onClick = { }, ) } } } Tips3: UIվળྫ1(ScalingLazyColumnͷஔ͖͑)
@OptIn(ExperimentalWearMaterialApi::class) @Composable fun ContactsScreenV3() { val listState = rememberScalingLazyListState() Scaffold(
timeText = { if (!listState.isScrollInProgress) { TimeText() } }, vignette = { Vignette( vignettePosition = VignettePosition.TopAndBottom ) }, positionIndicator = { PositionIndicator( scalingLazyListState = listState, ) } ) { ScalingLazyColumn(state = listState) { // লུ } } Tips4: UIվળྫ2(Scaffoldͷ׆༻)
Reference •Google I/O 2022 Keynote / Developer Keynote /
Session https://io.google/2022 •Announcing Compose for Wear OS Beta! https://android-developers.googleblog.com/2022/05/ announcing-compose-for-wear-os-beta.html •Codelabs (Wear OS) https://codelabs.developers.google.com/?cat=wearos
Please let me know if you have any requests
such as technical speeches, technical writings and so on. http://www.linkedin.com/in/korodroid Thank you so much http://fb.com/kanbara.kenichi @korodroid