斯坦福大学公开课 iOS应用开发教程学习笔记(第八课)viewController生命周期/Image/Scroll/WebViews

本文详细介绍了iOS中视图控制器的生命周期，包括创建、存活和消亡阶段的关键方法，如viewDidLoad、viewWillAppear和viewWillDisappear等。同时，还探讨了UIImageView、UIWebView和UIScrollView的使用技巧。

斯坦福大学公开课 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;
}