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
370
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
[YUMEMI.grow Mobile #12]UX Improvements on Flutter Apps Part 2
korodroid
0
23
[potatotips #86]UX Improvements on Flutter Apps Part 1
korodroid
0
32
Supporting RTL on Flutter Apps 7 Development Tips
korodroid
0
35
[DevFestKC]Go Global with Flutter Apps 101
korodroid
0
38
[ABC2023A]Go Global with Flutter Apps
korodroid
0
27
[potatotips #85]Deep Dive into RTL on Flutter Apps (Short ver.)
korodroid
0
40
Supporting RTL on Flutter Apps
korodroid
0
38
[potatotips #84]Supporting Large Screen on Flutter
korodroid
0
86
7 Tips for Wear OS Apps Development
korodroid
0
42
Other Decks in Technology
See All in Technology
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
27
5.9k
データベース02: データベースの概念
trycycle
0
150
Databricks における 『MLOps』
databricksjapan
2
170
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
170
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
500
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
3
650
DevOpsDays History and my DevOps story
kawaguti
PRO
9
2.5k
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
350
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
130
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
4
230
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
1
440
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
305
41k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Navigating Team Friction
lara
178
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
Automating Front-end Workflow
addyosmani
1356
200k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Being A Developer After 40
akosma
57
580k
Six Lessons from altMBA
skipperchong
21
3k
Documentation Writing (for coders)
carmenintech
60
3.9k
Designing the Hi-DPI Web
ddemaree
276
33k
How GitHub (no longer) Works
holman
304
140k
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