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
Xamarin.Watchについて調べてみた(主にUI関係)
Search
arait
April 24, 2017
Programming
0
370
Xamarin.Watchについて調べてみた(主にUI関係)
「初心者歓迎XamarinのLT会!Xamarin入門者の集い #2」で発表した内容です。
arait
April 24, 2017
Tweet
Share
Other Decks in Programming
See All in Programming
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
270
Polars入門
daikikatsuragawa
1
100
新宿ダンジョンを可視化してみた
satoshi7190
2
260
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
7
940
Let's learn code review
riofujimon
2
410
障害対応を起点としたもっといい開発と運用のサイクル作りのためにできること / Hatena Enginner Seminar #29
polamjag
0
180
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
380
ゆるい個人開発のススメ
kuroppe1819
10
990
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
210
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
270
Elm Form Validation
bkuhlmann
0
510
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
340
Featured
See All Featured
The Mythical Team-Month
searls
216
42k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Thoughts on Productivity
jonyablonski
58
3.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
How STYLIGHT went responsive
nonsquared
92
4.8k
Designing with Data
zakiwarfel
96
4.8k
Designing the Hi-DPI Web
ddemaree
276
33k
Gamification - CAS2011
davidbonilla
76
4.6k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
Transcript
2017/4/17 初心者歓迎XamarinのLT会!Xamarin入門者の集い #2 あらい Xamarin.Watchについて調べてみた (主にUI関係)
Apple Watch 2015/4 (初代) 発売 • Wi-Fi(802.11b/g/n 2.4GHz) • Bluetooth
4.0 • 心拍センサー • 加速度センサー • ジャイロスコープ • 環境光センサー • 防沫性能 • Apple Pay(アプリ内) • 感圧タッチ 2016/9 Series2 発売 初代の機能 + • 内蔵GPS、GLONASSおよびQZSS • 50メートルの耐水性能 • FeliCa
端末 画面サイズ [インチ] 解像度 [ピクセル] PPI Apple Watch 38mm 1.5
340 × 272 290 42mm 1.65 390 × 312 302 iPhone SE 4.0 1,136 × 640 326 7 4.7 1,334 × 750 326 7 plus 5.5 1,920 × 1,080 401 iPad mini 4 7.9 2,048 × 1,536 326 Pro(9.7インチ) 9.7 2,048 × 1,536 264 Pro(12.9インチ) 12.9 2,732 × 2,048 264 ディスプレイ比較
watchOS 3.0 でのUI関係の制約 • iOSとくらべて使用できるコントロールは少ない • いくつか同名のコントロールがあるけれど同ものではない ◦ 用意されているメソッドも少ない •
Watchだけのコントロールもある • サードパーティ製の文字盤は認められてない ◦ コンプリケーションという文字盤に情報を追加する仕組みがある
UI開発:Storyboard
Controls どちらでもControlsのもの iOSではViewのもの Watchだけのもの • Button • Label • Slider
• Switch • Image • Map • Picker • Table • Movie? • Date • Timer • Group • Separator • Activity Ring • Menu • MenuItem
Activity Ring • MOVE ◦ 消費カロリー • EXERCIZE ◦ 早歩き以上の運動をした時間
• STAND ◦ 立ち上がって1分以上身体を動かした時間がそ れまでに何回あったか
メニュー(感圧タッチ)
レイアウト:Watch Alignment : Horizontal Alignment : Vertical Size
ナビゲーション:ページベース カルーセル みたいな感じ
ナビゲーション:階層的 Master - Detail
まとめ • C#でApple Watchのアプリが作れる! • iOSアプリとくらべて制約は多い • ゲームを作るなら SpriteKit(2D) SceneKit(3D)