【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记15 storyboard中的绘图 MVC模式

简介: 上一话中我们实现了对一个小人表情的绘制,但是我们需要修改代码才能实现表情的变换,而且我们也没有一个明确地模型,这很明显不符合MVC的要求,这一话中我们将要修改它已符合MVC的要求。

上一话中我们实现了对一个小人表情的绘制,但是我们需要修改代码才能实现表情的变换,而且我们也没有一个明确地模型,这很明显不符合MVC的要求,这一话中我们将要修改它已符合MVC的要求。

在上一话中我们已经完成了faceView的代码,但是HappinessViewController中完全是空的,我们要修复我们的Model,但是在那之前要介绍一些storyboard中很酷的功能。打开你工程中的storyboard,你会看到视图中是空白一片。


但实际你的小人脸已经被绘制好了,我想要在storyboard中就能看到这个小人脸,那么我该怎么办呢,返回到FaceView的代码中,在类的定义前面增加代码@IBDesignable:

import UIKit
@IBDesignable
class FaceView: UIView {
很神奇,当你再回到storyboard中的时候你会发现小人脸已经出现在场景中了,xcode会自动识别那是一个IBDesignable类。


现在我们可以更方便地看到FaceView发生了什么,因为它会被绘制到storyboard中,你修改代码中小人脸的情绪,它就会被重新绘制到storyboard中去。这样的操作仍然有些繁琐,因为你需要切换到代码中去做修改,实际上我们可以在storyboard中修改FaceView的参数。回到代码中,在一些可以编辑的数值前面增加一个xcode的组件代码:

 @IBInspectable
    var lineWidth:CGFloat = 3 {didSet{setNeedsDisplay()}}
    @IBInspectable
    var color:UIColor = UIColor.blueColor(){didSet{ setNeedsDisplay()}}
    @IBInspectable
    var scal:CGFloat  = 0.90{didSet{ setNeedsDisplay()}}

你会发现在storyboard中的属性编辑器最顶部出现了:


在storyboard中属性编辑器中修改这三个选项后可以看到:


这些参数不仅仅在你的storyboard中被修改了,实际上它们被设置为了默认值,当你运行的时候看到的也是相同的图案。现在万事俱备了我们该讨论一下我们的MVC了。

在Happiness中新建一个模型:

   var happiness:Int = 50 {//0代表伤心,100代表开心
    
    }

这个模型是个Int类型的,不要跟FaceView中的smilieness搞混,smiliness搞混,这个是模型而smiliness只是一个数值表示嘴角上扬的弧度而已,取值范围也不同。但是这没关系,因为控制器所做的其中一项工作就是向视图解释模型,所以我们需要增加一些代码去完成这个操作,使得模型的0和100可以分别被表现成一个哭脸和笑脸。我们需要控制一下Happiness的数值范围。

import UIKit

class HappinessViewController: UIViewController {
    var happiness:Int = 50 {//0代表伤心,100代表开心
        didSet{
            happiness = max(min(happiness, 100), 0)
            println("happiness = \(happiness)")
            updateUI()
        }
    }
    func updateUI(){
    
    }
}

这里的Happiness是一个最简单的模型,在模型改变的时候我们需要更新我们的视图,这里的updateUI方法还没有加入代码,而且我们的模型也并没有跟视图连接起来,无论你现在把Happiness的值修改为什么它都不会改变小人的表情,这些操作我会在之后讲到。这一话的重点是理解MVC。
目录
相关文章
|
Unix iOS开发
【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记1 IOS8概述
  首先感谢网易公开课和SwiftV课堂的朋友们辛苦翻译,这个系列是我学习斯坦福IOS8公开课的个人心得体会和笔记,希望能给大家带来启发。
1076 0
|
前端开发 iOS开发
【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记3 Xcode、Auto Layout及MVC
   继续上一话中的计算器Demo,上一话讲到类必须被初始化,类中的属性也必须被初始化,所以你不能只声明而不给它一个处置,那么问题来了,我们从storyboard中拖拽的@IBOutlet为什么只有声明而不需要初始化呢,这是因为它的类型依旧是一个optional,在你初始化之前已经被赋值为nil了,这也就是为什么你不需要再初始化它的原因。
901 13
|
16天前
|
人工智能 程序员 API
iOS|记一名 iOS 开发新手的前两次 App 审核经历
啥,这玩意也有新手保护期?
20 0
|
1月前
|
JavaScript 搜索推荐 Android开发
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
65 8
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
|
2月前
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
172 67
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
3月前
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
124 11
|
3月前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
161 66
|
3月前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
194 3
|
3月前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
4月前
|
存储 前端开发 Swift
探索iOS开发:从新手到专家的旅程
本文将带您领略iOS开发的奇妙之旅,从基础概念的理解到高级技巧的掌握,逐步深入iOS的世界。文章不仅分享技术知识,还鼓励读者在编程之路上保持好奇心和创新精神,实现个人成长与技术突破。