139
WatchKit を実際に さわってみてわかったこと 修一 @shu223 2015.2.14 iOS オールスターズ勉強会

WatchKitを実際にさわってみてわかったこと

Embed Size (px)

Citation preview

  • WatchKit

    @shu223 2015.2.14 iOS

  • iOS

  • iOS

    Over&Out

  • iOS

    Over&Out

    iOS 100

  • iOS

    Over&Out

    iOS 100

    GitHub

    - iOS7-Sampler- iOS8-Sampler

  • iOS

    Over&Out

    iOS 100

    GitHub

    - iOS7-Sampler- iOS8-Sampler

  • 2014.11.19

  • WatchKit

  • WatchKit

    15

  • WatchKit

    15

  • WatchKit

    15

  • WatchKit

    15

  • WatchKit

    15

  • 2015.2

  • WatchKit

  • WatchKit

  • WatchKit

  • WatchKit

  • WatchKit

  • WatchKit

    1.

  • WatchKit

    1.

    2.

  • WatchKit

    1.

    2.

    3. UI

  • WatchKit

    1.

    2.

    3. UI

    20

  • Apple

    Apple Watch Human Interface GuidelinesUI

    WatchKit Programming Guide

    WatchKit Framework ReferenceAPI

    WatchKit Catalog

    Lister

    WatchKit: https://www.apple.com/jp/watch/

  • WatchKit

  • WatchKit Extension

  • WatchKit Extension WatchKit Extension

    iPhone

  • WatchKit Extension WatchKit Extension

    iPhone WatchKit App

  • WKInterfaceImage

  • WKInterfaceImage

  • WKInterfaceImage

    UIImage iPhone

  • WKInterfaceImage

    UIImage iPhone

    setImage: UIImage

    iPhone Watch

  • WKInterfaceImage

  • WKInterfaceImage

  • WKInterfaceImage

    WatchApp

    iPhone Watch

  • WKInterfaceImage

    WatchApp

    iPhone Watch

  • 1.

  • Static

  • Static WatchKit App Asset Catalog Static

  • Static WatchKit App Asset Catalog Static

  • Static WatchKit App Asset Catalog Static

    setImageNamed: startAnimatingWithImagesInRange

  • Static WatchKit App Asset Catalog Static

    setImageNamed: startAnimatingWithImagesInRange

    WatchKit Extension Asset Catalog

  • 10fps

  • Dynamic

  • Dynamic WatchKit App Asset Catalog Dynamic

  • Dynamic WatchKit App Asset Catalog Dynamic

    setImageNamed: startAnimatingWithImagesInRange

  • Dynamic WatchKit App Asset Catalog Dynamic

    setImageNamed: startAnimatingWithImagesInRange

    setImage: setImageData:

  • Dynamic WatchKit App Asset Catalog Dynamic

    setImageNamed: startAnimatingWithImagesInRange

    setImage: setImageData:

    -

  • Dynamic

  • UIImage

    WKInterfaceImage setImage:

  • UIImage

    WKInterfaceImage setImage:

    NSTimer

  • NSTimer 0.110 fps

  • NO!

  • NO!

  • Dynamic

  • Animated Image

  • Animated Image

  • Animated Image

  • Animated Image

    UIImage

    animatedImageWithImages:duration:

  • StaticAnimated Image

  • 2.

  • 3DWatchKitAPI

  • WatchKitAPI

  • WatchKitAPI

  • 3D

  • presentTextInputControllerWith

  • presentTextInputControllerWith

  • presentTextInputControllerWith

  • presentTextInputControllerWith

    - 1 suggested phrases

  • presentTextInputControllerWith

    - 1 suggested phrases

    - 2

  • presentTextInputControllerWith

    - 1 suggested phrases

    - 2

    - 3 block

  • Smart Replies +

  • Smart Replies +

  • Smart Replies +

    .Plain

  • Smart Replies +

    .Plain

  • Smart Replies +

    .Plain

  • Smart Replies +

    .Plain

    "Dictation is not supported in the WatchKit Simulator

  • .AllowEmoji

  • .AllowEmoji

  • .AllowEmoji

    "Emoji is not supported in the WatchKit Simulator"

  • .AllowEmoji

    "Emoji is not supported in the WatchKit Simulator"

    "Dictation is not supported in the WatchKit Simulator

  • .AllowAnimatedEmoji

  • .AllowAnimatedEmoji

  • .AllowAnimatedEmoji

    "Emoji is not supported in the WatchKit Simulator"

  • .AllowAnimatedEmoji

    "Emoji is not supported in the WatchKit Simulator"

    "Dictation is not supported in the WatchKit Simulator

  • 1 nil Plain

  • 1 nil Plain

  • 1 nil Plain

    "Dictation is not supported in the WatchKit Simulator" Dictation

  • 1 nil Plain

    "Dictation is not supported in the WatchKit Simulator" Dictation

    1

  • 3. UI

  • Core Graphics?

  • Core Graphics?iOS Core Graphics UIBezierPath

  • WatchKit App Core

    Graphics

  • WatchKit App Core

    Graphics

  • Apple

  • AppleLister

  • AppleLister

  • AppleLister

    1360png Watch App

  • Lister

  • UI

  • iOS

  • iOS

    - WatchKit App

  • iOS

    - WatchKit App

    - WatchKit App Info.plist

  • iOS

    - WatchKit App

    - WatchKit App Info.plist

  • iOS

    - WatchKit App

    - WatchKit App Info.plist

  • WKInterfaceObject

    UIView subview

  • WKInterfaceObject

    UIView subview

    WKInterfaceGroup setBackgroundImage:

  • WKInterfaceObject

    UIView subview

    WKInterfaceGroup setBackgroundImage:

  • origin

  • origin WKInterfaceObject UIView frame.origin

  • origin WKInterfaceObject UIView frame.origin

    UIEdgeInsets

  • origin WKInterfaceObject UIView frame.origin

    UIEdgeInsets

    WKInterfaceGroup

  • origin WKInterfaceObject UIView frame.origin

    UIEdgeInsets

    WKInterfaceGroup

  • WKInterfaceGroup

  • WKInterfaceGroup

  • WKInterfaceGroup

    38mm 42mm IB+

  • WKInterfaceGroup

    38mm 42mm IB+

    nInterfaceRelative to Container 1

  • WKInterfaceGroup

    38mm 42mm IB+

    nInterfaceRelative to Container 1

    WKInterfaceButton IB Content Group Text

  • WatchKit

    OSS

    - https://github.com/shu223/WatchKitTrials

    -

  • iOS BLE

    Core Bluetooth

    20153

  • Twitter@shu223

    Facebookshuichi.tsutsumi

    GitHubshu223