斯坦福大学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

相关文章

Go语言开发实现查询IP信息的MCP服务器

《Go语言开发实现查询IP信息的MCP服务器》随着MCP的快速普及和广泛应用,MCP服务器也层出不穷,本文将详细介绍如何在Go语言中使用go-mcp库来开发一个查询IP信息的MCP... 目录前言mcp-ip-geo 服务器目录结构说明查询 IP 信息功能实现工具实现工具管理查询单个 IP 信息工具的实现服

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

Spring Shell 命令行实现交互式Shell应用开发

《SpringShell命令行实现交互式Shell应用开发》本文主要介绍了SpringShell命令行实现交互式Shell应用开发,能够帮助开发者快速构建功能丰富的命令行应用程序,具有一定的参考价... 目录引言一、Spring Shell概述二、创建命令类三、命令参数处理四、命令分组与帮助系统五、自定义S

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言:为什么要自建知识博客一、技术选型:极简主义开发栈二、系统架构设计三、核心代码实现(分步解析

Python通过模块化开发优化代码的技巧分享

《Python通过模块化开发优化代码的技巧分享》模块化开发就是把代码拆成一个个“零件”,该封装封装,该拆分拆分,下面小编就来和大家简单聊聊python如何用模块化开发进行代码优化吧... 目录什么是模块化开发如何拆分代码改进版:拆分成模块让模块更强大:使用 __init__.py你一定会遇到的问题模www.

Spring Security基于数据库的ABAC属性权限模型实战开发教程

《SpringSecurity基于数据库的ABAC属性权限模型实战开发教程》:本文主要介绍SpringSecurity基于数据库的ABAC属性权限模型实战开发教程,本文给大家介绍的非常详细,对大... 目录1. 前言2. 权限决策依据RBACABAC综合对比3. 数据库表结构说明4. 实战开始5. MyBA

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

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

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