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

2023-11-01 04:59

本文主要是介绍斯坦福大学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开发课程笔记(第八课)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/320654

相关文章

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具?核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件

基于Python开发批量提取Excel图片的小工具

《基于Python开发批量提取Excel图片的小工具》这篇文章主要为大家详细介绍了如何使用Python中的openpyxl库开发一个小工具,可以实现批量提取Excel图片,有需要的小伙伴可以参考一下... 目前有一个需求,就是批量读取当前目录下所有文件夹里的Excel文件,去获取出Excel文件中的图片,并

基于Python开发PDF转PNG的可视化工具

《基于Python开发PDF转PNG的可视化工具》在数字文档处理领域,PDF到图像格式的转换是常见需求,本文介绍如何利用Python的PyMuPDF库和Tkinter框架开发一个带图形界面的PDF转P... 目录一、引言二、功能特性三、技术架构1. 技术栈组成2. 系统架构javascript设计3.效果图

基于Python开发PDF转Doc格式小程序

《基于Python开发PDF转Doc格式小程序》这篇文章主要为大家详细介绍了如何基于Python开发PDF转Doc格式小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用python实现PDF转Doc格式小程序以下是一个使用Python实现PDF转DOC格式的GUI程序,采用T

使用Python开发一个图像标注与OCR识别工具

《使用Python开发一个图像标注与OCR识别工具》:本文主要介绍一个使用Python开发的工具,允许用户在图像上进行矩形标注,使用OCR对标注区域进行文本识别,并将结果保存为Excel文件,感兴... 目录项目简介1. 图像加载与显示2. 矩形标注3. OCR识别4. 标注的保存与加载5. 裁剪与重置图像

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

使用Go语言开发一个命令行文件管理工具

《使用Go语言开发一个命令行文件管理工具》这篇文章主要为大家详细介绍了如何使用Go语言开发一款命令行文件管理工具,支持批量重命名,删除,创建,移动文件,需要的小伙伴可以了解下... 目录一、工具功能一览二、核心代码解析1. 主程序结构2. 批量重命名3. 批量删除4. 创建文件/目录5. 批量移动三、如何安

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

基于Python开发PPTX压缩工具

《基于Python开发PPTX压缩工具》在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,不便于传输和存储,所以本文将使用Python开发一个PPTX压缩工具,需要的可以了解下... 目录引言全部代码环境准备代码结构代码实现运行结果引言在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,