More Related Content
Similar to Core Graphics on watchOS 2 (20)
More from Shuichi Tsutsumi (20)
Core Graphics on watchOS 2
- 5. iOS 9 / watchOS 2 関連の
これまでのアウトプット
おさらい
- 6. API Diffs から見る iOS 9 の新機能
• 基調講演やニュース記事を見
るだけではわからない、iOS 9
の細かい新機能を「API Diffs」
「What’s new」から抜粋
• http://d.hatena.ne.jp/
shu223/20150609/1433813938
- 7. watchOS-2-Sampler
• watchOS 2 の新機能のサンプルコード集
- Accelerometer
- Gyroscope
- Pedometer
- Heart Rate
- Table Animations
- Animated Properties
- Audio Rec & Play
- Picker Styles
- Taptic Engine
- Alert
- Animation with Digital Crown
- Interactive Messaging
- Open System URL
- Audio File Player
• GitHub で公開中
- github.com/shu223/watchOS-2-Sampler
• 紹介記事
- d.hatena.ne.jp/shu223/20150614/1434313771
- 8. watchOS 2 新機能の細かい話5つ
• watchOS-2-Sampler 実装にあたって気付いた細かい
諸々について
- 2つのアセットカタログの 使い分け
- メディアデータの 保存場所
- WKAudioFilePlayer
- ウォッチ側 Bluetooth の (直接)利用
- Watch Connectivity のメッセージ送信可否の条件
• 『potatotips #18』での発表
• slideshare.net/t26v0748/uiux-watchos-2-3
• d.hatena.ne.jp/shu223/20150616/1434454680
- 9. UI/UX に影響の大きい watchOS 2 の新機能
• watchOS 2 の数ある新機能の中で、
UI/UX に影響の大きそうな機能を3
つ抜粋して紹介
• 『UI Crunch #5』というデザイナー
さん、ディレクターさんも来る勉強
会での発表
- (なのでコードは出てきません)
• http://www.slideshare.net/t26v0748/
uiux-watchos-2-3
- 10. Core Image の新機能
• iOS 9 の Core Image の新機能について
紹介&デモ
- 文字認識
- 新フィルタ47種
• @『WWDC Afterparty Roppongi』
• slideshare.net/t26v0748/ios-9-core-image
• d.hatena.ne.jp/shu223/20150622/
1434924215
- 11. Audio Unit Extensions
∼オーディオエフェクトのアプリ間共有∼
• iOS 9 で追加された Extension Point
• Audio Unit をアプリ間で共有できる
• @『WWDC2015報告共有会@ネクスト』
• www.slideshare.net/t26v0748/wwdc-next-
201506232
• d.hatena.ne.jp/shu223/20150624/
1435098847
- 15. watchOS 1 をふりかえる
• Core Graphics は使えなかった
• Apple公式サンプルでは、360
個の連番pngを利用して
Circular Progress 的なUIを実現
『WatchKitを実際にさわってみてわかったこと』
- 18. @watchOS 2
• Core Graphics がネイティブSDKに追加された
• Apple のWWDC動画やサンプル、GitHub・
StackOverflow にも具体的なコードは見当たらず
- 19. @watchOS 2
• Core Graphics がネイティブSDKに追加された
• Apple のWWDC動画やサンプル、GitHub・
StackOverflow にも具体的なコードは見当たらず
• 何ができて、何ができないのか? 試してみる
- 21. Trial1 : Draw a line
実行結果:<Error>: CGContextDrawPath: invalid context 0x0.
- 22. Trial1 : Draw a line
実行結果:<Error>: CGContextDrawPath: invalid context 0x0.
→ watchOS では、UIGraphicsGetCurrentContext() でグラ
フィックスコンテキストを取得できない?
- 28. Trial4: Draw from a SVG file
※ SVG to UIBezierPath の変換にはOSS『PocketSVG』を利用
※NDAに配慮しスクリーンショット
は会場のみとします
- 30. watchOS-2-Sampler
GitHub: shu223/watchOS-2-Sampler
Blog: watchOS 2 の新機能のサンプルコード集『watchOS-2-Sampler』
watchOS 2 新機能のサンプルコード集
- Accelerometer
- Gyroscope
- Pedometer
- Heart Rate
- Table Animations
- Animated Properties
- Draw Paths
- Gradations
- Audio Rec & Play
- Picker Styles
- Taptic Engine
- Alert
- Animation with Digital Crown
- Interactive Messaging
- Open System URL
- Audio File Player
今回のサンプル
- 36. UIView とか CALayer に依存する処理は不可
例: スクリーンキャプチャ
UIView または CALayer オブジェクトの内容を描画する必要があ
るため watchOS では(いまのところ)利用不可
- 45. まとめ
• watchOS 2 から Core Graphics を用いた動的な描画が
可能になった
• ビットマップコンテキスト上に描画し、UIImage を生
成してそれを表示する
- 46. まとめ
• watchOS 2 から Core Graphics を用いた動的な描画が
可能になった
• ビットマップコンテキスト上に描画し、UIImage を生
成してそれを表示する
• この制約の範囲内であれば、結構いろんなことがで
きる
- 47. まとめ
• watchOS 2 から Core Graphics を用いた動的な描画が
可能になった
• ビットマップコンテキスト上に描画し、UIImage を生
成してそれを表示する
• この制約の範囲内であれば、結構いろんなことがで
きる
• CALayer オブジェクトにアクセスできないので、スク
リーンキャプチャやキーパスアニメーションは不可