资讯专栏INFORMATION COLUMN

慕课网_《一起来做价值百万的Apple Watch App:分歧终端机》学习总结

oysun / 1645人阅读

摘要:时间年月日星期一说明本文部分内容均来自慕课网。慕课网教学示例源码个人学习源码第一章课程简介下载课程简介制作一个猜拳游戏,剪刀石头布。

时间:2017年05月22日星期一
说明:本文部分内容均来自慕课网。@慕课网:http://www.imooc.com
教学示例源码:https://github.com/zccodere/s...
个人学习源码:https://github.com/zccodere/s...

第一章:课程简介&Xcode下载 1-1 课程简介

制作一个猜拳游戏APP,剪刀、石头、布。

效果图如下:

1-2 Xcode的下载

使用AppStore下载并安装Xcode

Apple Watch分类

WatchKit Apps:可以跟iphone手机进行交互的app
Glances:呈现一些简单的信息,点击时,一般会进入WatchKit Apps
Actionable Notifications:通知消息
第二章:界面制作 2-1 通过Storyboard制作界面

watch与iphone的关系

项目界面原型

第三章:编写程序逻辑 3-1 通过与InterfaceController连接来编写程序逻辑

代码演示:

//
//  InterfaceController.swift
//  MyConflictResolver Watch App Extension
//
//  Created by zc on 2017/5/22.
//  Copyright © 2017年 com.zccoder. All rights reserved.
//

import WatchKit
import Foundation


class InterfaceController: WKInterfaceController {

    @IBOutlet var actionImage: WKInterfaceImage!
    
    override func awake(withContext context: Any?) {
        super.awake(withContext: context)
        
        // Configure interface objects here.
    }
    
    override func willActivate() {
        // This method is called when watch view controller is about to be visible to user
        super.willActivate()
    }
    
    override func didDeactivate() {
        // This method is called when watch view controller is no longer visible
        super.didDeactivate()
    }
    
    @IBAction func playTappad() {
        // 随机生成0-2之间的整数
        let imageName = arc4random_uniform(3)
        self.actionImage.setImageNamed("action(imageName)")     
    }
}
第四章:制作动画效果 4-1 在Watch App里面制作动画效果

代码演示:

//
//  InterfaceController.swift
//  MyConflictResolver Watch App Extension
//
//  Created by zc on 2017/5/22.
//  Copyright © 2017年 com.zccoder. All rights reserved.
//

import WatchKit
import Foundation


class InterfaceController: WKInterfaceController {

    @IBOutlet var actionImage: WKInterfaceImage!
    
    override func awake(withContext context: Any?) {
        super.awake(withContext: context)
        
        // Configure interface objects here.
    }
    
    override func willActivate() {
        // This method is called when watch view controller is about to be visible to user
        super.willActivate()
    }
    
    override func didDeactivate() {
        // This method is called when watch view controller is no longer visible
        super.didDeactivate()
    }
    
    @IBAction func playTappad() {
        // 动画效果
        actionImage.setImageNamed("action")
        actionImage.startAnimatingWithImages(in: NSRange(location: 0,length: 3), duration: 0.4, repeatCount: 5)
        
        // 等待0.9秒后执行
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.9) {
            // 随机生成0-2之间的整数
            let imageName = arc4random_uniform(3)
            self.actionImage.setImageNamed("action(imageName)")
        }
    }
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/16761.html

相关文章

  • 课网_《Java消息中间件》学习总结

    摘要:时间年月日星期六说明本文部分内容均来自慕课网。这个时候,可以启动多台积分系统,来同时消费这个消息中间件里面的登录消息,达到横向扩展的作用。 时间:2017年07月22日星期六说明:本文部分内容均来自慕课网。@慕课网:http://www.imooc.com教学源码:无学习源码:https://github.com/zccodere/s... 第一章:课程介绍 1-1 课程安排 Java...

    twohappy 评论0 收藏0
  • 课网_《如何使用高德云图在线制作属于你的地图》学习总结

    摘要:时间年月日星期日说明本文部分内容均来自慕课网。用户可以在服务器端调用云存储云检索从而构建自己的存储和检索服务,甚至可以制作自己的数据管理台。 时间:2017年08月13日星期日说明:本文部分内容均来自慕课网。@慕课网:http://www.imooc.com教学源码:无学习源码:https://github.com/zccodere/s... 第一章:云图产品介绍 1-1 云图产品介绍...

    k00baa 评论0 收藏0
  • 课网_《如何使用高德云图在线制作属于你的地图》学习总结

    摘要:时间年月日星期日说明本文部分内容均来自慕课网。用户可以在服务器端调用云存储云检索从而构建自己的存储和检索服务,甚至可以制作自己的数据管理台。 时间:2017年08月13日星期日说明:本文部分内容均来自慕课网。@慕课网:http://www.imooc.com教学源码:无学习源码:https://github.com/zccodere/s... 第一章:云图产品介绍 1-1 云图产品介绍...

    afishhhhh 评论0 收藏0
  • 课网_《HBase入门》学习总结

    摘要:慕课网入门学习总结时间年月日星期一说明本文部分内容均来自慕课网。而且底层使用,本身也有备份高性能底层的数据结构和有序排列等架构上的独特设计,使用具有非常高的写入性能。 慕课网《HBase入门》学习总结 时间:2018年06月11日星期一 说明:本文部分内容均来自慕课网。@慕课网:https://www.imooc.com 教学源码:无 学习源码:无 第一章:课程介绍 1-1 课程...

    zsy888 评论0 收藏0

发表评论

0条评论

oysun

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<