斯坦福大学IOS开发课程笔记(第八课)

转载请注明出处

http://blog.csdn.net/pony_maggie/article/details/37370159

作者:小马

这节课讲视图的生命周期,网络视图,图像视图以及 滚动视图这些概念以及相关的demo演示。前两个概念比较简单,看一看就明白,我这里只是写图像视图以及 滚动视图的课程笔记。

UIImageView用来显示图片。在下面的代码示例中,会有详细的步骤说明,有时候一些简单的应用,可以直接通过xcode设置,甚至不需要写代码。

这幅图向我们展示了scroll view的工作原理,首先我们把一个可能大过屏幕的显示区域视图(这里是imageView)作为scroll view的子视图加进来。然后指定scroll view的content size属性,这是告诉scroll view应该准备多大的空间来处理这个显示区域。正如下面的代码这样:

self.scrollView.contentSize = self.imageView.image.size;
self.imageView.frame = CGRectMake(0,0, self.imageView.image.size.width, self.imageView.image.size.height);
    

之所以指定imageView的frame属性,是因为我们希望图片能在imageView的坐标系里左上角对齐

这里讲如何创建scroll view, 最直接的方式还是直接在storyboard里拖进来。然后是如何为scrollview添加子视图,下面的示例不会用代码的形式,而是告诉你如何操作xcode来完成这个事情。

最后一张ppt向我们展示了如何设置缩放功能,代码很简单,下面的示例演示我们设置缩放比例甚至不用代码,直接在inspector里做了。另外一点就是代理,scroll view需要通过代理获取需要缩放的视图信息,所以我们会把当前的view controller作为代理并实现方法。代码如下:

self.scrollView.delegate = self;//设置代理
//通过这个代理方法告诉scroll view我们要缩放如个视图

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return self.imageView;
}

下面是代码演示部分,不过我不分析代码了,核心的前面都已经涉及到。这里只说明几个storyboard或xcode相关的操作。

还是新建一个single view的视图工程,然后拖进来一个imageView的控件。给image view选一个图片,如下所示,当然这个图片是事先已经加到工程里来的。

注意红色框里的mode, 这里我们用top left, 表示开始时显示图片的左上部分,因为图片很大,屏幕很小,我们只显示它的一部分,然后通过scrollview来查看其它部分。

如果选了其它mode,比如说scaleto fill, 图片会被压缩铺满屏幕,如下所示:

这种不是我们demo需要的效果,我们是希望图片还是它本身的大小,然后通过滚动条来查看。(也许一些启动界面的显示,用scaleto fill不错?!)

接着我们就要上scroll view了,选中imageview,在如下的菜单里操作,这样就嵌入了一个scroll view了。

注意这是把image view嵌入到scrollview里,不要搞反概念了。

为方便操作,需要给image view和scrollview绑定一个outlet, 方法以前的文章讲过。视图嵌进来之后,还要设置它的contentsize,这是告诉scroll view它要处理这个图片(或者其它)实际大小是多少,这样它才知道要分配多少空间,进度条应该有多少等信息。设置的代码前面已经说过了。

似乎一切就绪, 可以运行了,试一下发现不行,不能滚动,但是所有的步骤都和课程上是一样的,为什么?这就是ios6与ios5的区别,view controller 有个auto layout属性,就是它在起作用。把这个选项去掉,发现可以滚动了。

如果我想保持auto layout,怎么实现滚动呢?摸索了一下,发现加上四个约束就可以了,如下:

我猜想默认没有约束的情况下,imageview相对其父视图(scroll view)不变的,所以不能滚动。

最后我们实现缩放功能。要注意缩放是scrollview的功能属性,不是image view的,这个很容易产生误解。首先要设置缩放比例,很简单,如下图:

然后要设置代理,并实现代理中的一个方法,这个代码前面已经讲过。可以运行看看效果,在模拟器可以用alt键+鼠标模拟两点触摸。

代码下载地址

http://download.csdn.net/detail/pony_maggie/7600081

https://github.com/pony-maggie/Imaginarium

斯坦福大学IOS开发课程笔记(第八课)

时间: 2024-08-01 17:49:08

斯坦福大学IOS开发课程笔记(第八课)的相关文章

IOS学习之斯坦福大学IOS开发课程笔记(第六课)

转载请注明出处 http://blog.csdn.net/pony_maggie/article/details/28398697 作者:小马 这节课主要讲述多个MVC是如何协同工作的.到目前为止,所有的课程都只是涉及到一个视图.从这节课开始,将会持到多视图应用的例子. 多视图开发这里用navigationController举例子.这个也是比较常用的.如上图所示,一个 navigation Controller(MVC)会指向一个rootViewController(另一个MVC),这个是第一

斯坦福大学IOS开发课程笔记(第七课第二部分)

转载请注明出处 http://blog.csdn.net/pony_maggie/article/details/32163347 作者:小马 本篇是demo演示,程序其实就是上节课的心理学家那个demo, 不过在这个demo的基础上,把它作成一个通用版,可以自动识别当前运行的设备是iphone还是ipad,然后有不同的显示效果.所以,还是打开原来的Psychologist工程,在开始之前,我会用第五课讲的自动布局知识,让视图能在横屏模式下也可以正常显示.这一部分不细讲,参考第五课. 下面就可以

斯坦福大学IOS开发课程笔记(第七课第一部分)

转载请注明出处 http://blog.csdn.net/pony_maggie/article/details/31462099 作者:小马 这节课的内容太多,分两部分介绍.本节课主要是介绍怎样开发基于ipad的应用程序.涉及到了一些仅仅有ipad才有的类,接口等. 先讲到UIToolbar工具栏.经常使用的UI控件.在工具栏上button一样的东西叫UIBarButtonItems,能够像一般button一样操作它,比方建立outlet,action等.使用的时候仅仅要从工具箱里拖到视图中就

斯坦福大学 iOS 开发公开课总结

 斯坦福大学 iOS 开发公开课总结 前言 iPhone 开发相关的教程中最有名的,当数斯坦福大学发布的 “iPhone 开发公开课 “ 了.此公开课在以前叫做<iPhone 开发教程>,今年由于平板电脑的流行,所以也加入了 ipad 开发相关的课程.在 网易公开课 上,有 该教程 的 2010 年录象,并且前面 15 集带中文字幕文件,非常适合初学者学习. 在这里顺便说一下,网易公开课上的 28 集其实并不需要全部看完.真正的课程只有前面 12 集.后面的课程都是请一些业界的名人讲他们成功的

斯坦福大学iOS开发作业

今晚把斯坦福大学iOS开发视频的第二课看完了,同时把教授布置的作业也顺手做了下. 教授布置的作业是:在已有的纸牌游戏APP程序基础上拓展,使每次翻牌时出现随机的花色. 其实这个很简单,就是把教授上课写好的类进行实例化,同时获取纸牌的具体内容,即contents属性. 下面我就把做完的APP和APP类结构的图贴上来.          APP运行图:           that's all. Thank you!! 斯坦福大学iOS开发作业

《nodejs+gulp+webpack基础实战篇》课程笔记(八)--模板化开发演练:分离公共头文件

还是先来安装本课需要的插件: npm install raw-loader --save-dev //示例:var header = require("xxx.html");就会把html的内容读取出来 这是一个webpack加载器,可以把文件原样返回为字符串. 这里补充下使用加载器的两种方法: 1.在我们的webpack配置文件中写上 {test:/\.html$/,loader:"加载器名称"} //这代表所有html后缀均会使用这个加载器来处理 2.在requ

IOS开发学习笔记-(2)键盘控制,键盘类型设置,alert 对话框

一.关闭键盘,放弃第一响应者,处理思路有两种 ① 使用文本框的 Did End on Exit 绑定事件 ② UIControl on Touch 事件 都去操作 sender 的  resignFirstResponder #import <UIKit/UIKit.h> @interface ViewController : UIViewController @property (weak, nonatomic) IBOutlet UITextField *txtUserName; @pro

iOS开发Swift篇—(八)函数(2)

iOS开发Swift篇—(八)函数(2) 一.函数类型 函数类型也是数据类型的一种,它由形参类型和返回值类型组成,格式是 (形参类型列表) -> 返回值类型 1 func sum(num1: Int, num2: Int) -> Int { 2 return num1 + num2 3 } sum函数的函数类型是(Int, Int) -> Int 1 func printLine() 2 { 3 println("-----------") 4 } printLine

iOS开发学习笔记:基础篇

iOS开发需要一台Mac电脑.Xcode以及iOS SDK.因为苹果设备都具有自己封闭的环境,所以iOS程序的开发必须在Mac设备上完成(当然,黑苹果应该也是可以的,但就需要花很多的精力去折腾基础环境),Xcode是一个集成开发环境,包括了编辑器.调试.模拟器等等一系列方便开发和部署的工具,iOS SDK则是开发应用所必需,不同的SDK分别对应不同的iOS版本或设备,通常我们需要下载多个iOS SDK以确保我们开发的程序能够在不同版本的iOS上正常运行. 创建新工程 Xcode提供了很多种工程模