斯坦福大学公开课 iOS应用开发教程学习笔记(第八课)viewController生命周期/Image/Scroll/WebViews
1、View Controller Lifecycle
创建、存活、消亡
creation
通过 一个segue创建VC或 故事版的instantiateViewControllerWithIdentifer:实例化。
一般情况不要自己定义UIViewController的初始化方法。
awakeFromNib / awakeFromFrame都是view的常用方法
awakeFromNib 可选的,awakeFromNib是view的方法,有很多方法可以替代awakeFromNib放置。
awakeFromNib很早期就被调用了,那时候outlet还没连起来。那时候viewController还没完全构建完毕,不过可能有一些事情比如设置 split view delegate需要在非常早的时间完成。
- (void)viewDidLoad;
viewDidLoad在你的UIViewController完全初始化完毕,所有的outlets已经hooked的情况下调用,在实例化和outlet-setting后, viewDidload被调用。
在viewController已经构建完毕,只是没显示出来。,可以放置大部分的初始化的代码,,但是不能放置关于设置view大小的代码。
view 是controller的一个property,是指在视图中最顶层的矩形区域,是你在故事版中编辑的最顶层的那个东西。
view的尺寸放在下个方法。
- (void)viewWillAppear:(BOOL)animated;
在view准备要显示的时候调用,适合在最后时刻调整view的排列或者几何特性。
另外一个合适在viewWillAppear里做的就是 (laziy do stuff )缓式动作,比如lazy init.
viewWillAppear是做那些很费资源的事情的地方,不过太费时的话就得开启新线程来搞。
总之 viewWillAppear适合做两件事:
1.最后时刻延时加载高开销的操作,
2.改变view的几何特性。
- (void)viewWillDisappear:(BOOL)animated
当你的视图将要在屏幕上消失的时候调用。
可以在这里记录你view的状态,数据。一般要写到磁盘里,下次进来的时候,可能是你把东西长期保存的地方。
尽可能的立即写入磁盘,用户期望瞬时切换
- (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated]; // 这个要写
 [self rememberScrollPosition]; // 记住滚动的位置
[self saveDataToPermanentStore]; // maybe do in did instead?
// 注意不要在这里进行比耗时的操作,界面更流畅。
}
Did版本的两个方法。
- (void)viewDidAppear:(BOOL)animated; //可以在显示之后做一些操作,比如动画之类的。
- (void)viewDidDisappear:(BOOL)animated;
都需要调用 super版本方法。在你的操作之前之后都行,看自己的需求。
Frame 改变而触发输出subview之前,调用该方法,如果 struts and spring 不足够的话就用
- (void)view{Will,Did}LayoutSubviews;
- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)anOrientation
duration:(NSTimeInterval)seconds;
- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOriention)orient
duration:(NSTimeInterval)seconds;
- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)anOrientation;
@property UIInterfaceOrientation interfaceOrientati
viewDidUnload,当内存不足的时候系统会卸载你的view,清除。
最好在这里试着outlet为nil
- (void)viewDidUnload
{
self.faceView = nil;
}
view controller的初始化:
从.xib创建一个UIViewController。那是4.x才创建方式。
用alloc init 创建 ,初始化方法的设计。
从代码创建UIViewController,无xib,无storyboard
覆盖方法- (void)loadView和 设置 self.view
如果从故事版和.xib创建那么请遵守下面几个原则:
不要实现loadview方法。
不要设置self.view.除了loadview能设置self.view之外,其他都不能设置。
没有设置self.view的话就不要实现Loadview。
尽量不要使用awakeFromNib。
UIView's frame
谁来设置UIView的 frame呢?
答案是:把view放到view组织架构里的那个对象。一般情况下对象是谁啊? 是故事版。
setting frames in viewDidLoad
2、UIImageView
- (id)initWithImage:(UIImage *)image; // 设置frame的大小匹配image大小
@property (nonatomic, strong) UIImage *image; // will not adjust frame size
记住UIView’s contentMode property
Top Left ScaleToFit 等属性。设置image的在UIImageView的边界缩放等。
其他特性
highlighted image
一系列图片组成一个动画
3、UIWebView
展示了一个完整的因特网浏览器的UIView的子类,一个内置在UIView的完整的浏览器。
基于Webkit,一个HTML的开源的渲染框架。
支持javascript,不过只能运行5秒
重要的属性:
@property (nonatomic) BOOL scalesPagesToFit;//YES,NO
设置是否缩放到合适尺寸。YES就缩放到合适尺寸,如果NO,则保持原网页大小不变。
@property (nonatomic, readonly, strong) UIScrollView *scrollView;
控制滚动。
加载HTML的三个方法:
- (void)loadRequest:(NSURLRequest *)request; //最好的
- (void)loadHTMLString:(NSString *)string baseURL:(NSURL *)baseURL;
- (void)loadData:(NSData *)data
MIMEType:(NSString *)MIMEtype //MIMEtype,如何解析传入的数据,传入的数据都看成NSData
textEncodingName:(NSString *)encodingName
baseURL:(NSURL *)baseURL;
可以指定文件类型,比如pdf来显示。
NSURLRequest
+ (NSURLRequest *)requestWithURL:(NSURL *)url;
+ (NSURLRequest *)requestWithURL:(NSURL *)url
cachePolicy:(NSURLRequestCachePolicy)policy
timeoutInterval:(NSTimeInterval)timeoutInterval;
NSURL
NSURL 基本和NSString类似,一个好的 格式而已,比如 :file:// http://
+(NSURL *)urlWithString:(NSString *)urlString;
+(NSURL *)fileURLWithPath:(NSString *)path isDirectoy:(BOOL)isDirectory;
上面两个方法的区别主要是缓存策略,超时的设置。如果不指定,那就是默认的。
NSURLRequestCachePolicy
4、ScrollView
ScrollView设计的两个作用是:
1、让用户拖拽到想展示的内容区域
2、让用户可以放大缩小内容的区域
将一个subviews添加到UIScrollView
scrollView.contentSize = CGSizeMake(3000,2000);
subview2.frame = CGRectMake(0,0,2500,1500);
[view addSubview:subview];
//通常去除不必要的边界
content的坐标
contentOffset.y contentOffset.x
显示scrollView的subview在view坐标系中,两个坐标是不同的
CGRect visibleRect = [scrollView convertTect:scrollView.bounds toView:subview];
//它会给出在content area的坐标系中的scrollView bounds。
//创建
UIImage *image = [UIImage imageNamed:@"bigimage"];
UIImageView *iv = [[UIImageView alloc] initWithImage:image];
[scrollView addSubview:iv];
不要忘记设置contentSize
scrollView.contentSize = imageView.bounds.size;//多大的区域内滑动
其他的可以控制的属性
滚动是否开启,是否锁定,水平/垂直滚动,滚动标识的样式
Zooming
transform属性,如何改变。
1. 不设置zoom scale 无法工作,缩放的倍数,默认1,不缩放
scrollView.minimumZoomScale = 0.5;
scrollView.maximumZoomScale = 2.0;
2.设置delegate
-(UIView *)viewForZoomingInScrollView:(UIScrollView *)sender;
//返回scrollView中想进行变形的那个子View
@property(nonatomic)float zoomScale;
-(void)setZoomScale:(float )scale animated:(BOOL)animated;
-(void)zoomToRect:(CGRect)zoomRect animated:(BOOL)animated;
当zooming结束时,delegate会通知你
-(void) scrollViewWillEndZooming:(UIScrollView *)sender
withView:(UIView *)zoomView
atScale:(CGFloat)scale;
5、Demo
1.Dr.pill’s Website
2.Imaginarium
一个简单UIImageView嵌套于UIScrollView
整个项目代码下载: https://github.com/junxianhu/Imaginarium
这个是在mainStoryboard中实现的,然后贴个ViewController.m代码:
@@ -0,0 +1,39 @@
//
// ViewController.m
// Imaginarium
//
// Created by cipher on 15/10/26.
// Copyright © 2015年 com.lab1411.cipher. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()<UIScrollViewDelegate> //私有接口
@property (weak, nonatomic) IBOutlet UIImageView *ImageView;
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@end
@implementation ViewController
-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
return self.ImageView;
}
-(void)viewDidLoad{
[super viewDidLoad];
self.scrollView.delegate = self;
self.scrollView.contentSize = self.ImageView.image.size;
self.ImageView.frame = CGRectMake(0, 0, self.ImageView.image.size.width, self.ImageView.image.size.height);
}
-(BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation) InterfaceOrientation{
if ([[UIDevice currentDevice] userInterfaceIdiom ] == UIUserInterfaceIdiomPhone) {
return InterfaceOrientation != UIInterfaceOrientationPortraitUpsideDown;
}else {
return YES;
}
}
@end
当建立一个universal app时 该方法是有变化的。
-(BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation) InterfaceOrientation{
if ([[UIDevicecurrentDevice]userInterfaceIdiom] == UIUserInterfaceIdiomPhone) {
return InterfaceOrientation !=UIInterfaceOrientationPortraitUpsideDown;
}else{
return YES;
}
}
//把image的content改成top Left,然后embed in scrollview;
//发现无法滑动 要setContent area ,set ImageView frame
//发现无法缩放 设置zoom min和max 连接outlet,设置self.delegate ,以及方法viewForZoomingInScrollView
代码实现
放大缩小:
在.h文件实现
UIScrollViewDelegate协议,
UIImage *image = [UIImage imageNamed:@"bigimage"];
imageView = [[UIImageView alloc] initWithImage:image];
imageView.frame = CGRectMake(0, 0, image.size.width, image.size.height) ;
CGRect fullScreenRect=[[UIScreen mainScreen] applicationFrame];
UIScrollView *scrollView=[[UIScrollView alloc] initWithFrame:fullScreenRect];
scrollView.delegate = self;
scrollView.minimumZoomScale = 0.2;
scrollView.maximumZoomScale = 2.0;
[scrollView addSubview:imageView];
scrollView.contentSize=CGSizeMake(2592 ,1952);
[self.view addSubview:scrollView];
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
return imageView;
}