UIButton

  • 常用属性

1.Type

+ Custom:选择此属性外观主要依靠自定义实现。
+ System:系统能够默认风格。
+ Detail Disclosure:详情标示。
+ Info Light:显示“i”图标的图形按钮。
+ IndoDark:显示“i”图标的图形按钮。
+ Add Contact:显示黑色“+”图标图形按钮。
  1. State Config
    • 按钮的状态
      • 默认状态(Default)
      • 高亮状态(Highlighted)
      • 选中状态(Selected)
      • 禁用状态(Disable)
  2. Title
    • 可以选择Plain和Attributed文本方式
    • 制定显示的字符信息
  3. Font
    • 文本字体、大小、字体风格
  4. Text Color
    • 文本的颜色
  5. Shadow Color
    • 阴影颜色
  6. Image
    • 设置为图片按钮,Title属性将不会起作用。
  7. Background
    • 设置背景图片
  8. Shadow Offset
    • 文本和阴影的偏移量
  9. Link Break
    • 省略方式
  10. Edge
    • Content:内容作为边界
    • Title:文本作为边界
    • Image:图片作为边界
  11. Inset
    • 边界距离

UIAlert And UIActionSheet

1
2
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"title" message:@"message" delegate:nil cencelButtonTitle:@"cancel" otherButtonTitles:@"other",nil];
[alertView show];
1
2
3
4
UIActionSheet *actionSheet = [[UIActionSheet alloc] initWIthTitle:@"title" delegate:nil cancelButtonTitle:@"cancel"
destructiveButtonTitle:@"destrutive"
otherButtonTitles:@"other1",nil];
[actionSheet show];

UIButton

  • UIButton
    • 作用:响应用户的点击事件的View
  • 常用方法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    // 设置指定状态对应的标题文本
    -(void)setTitle:(NSString *)title forState:(UIControlState)state;
    // 设置指定状态对应的标题颜色
    -(void)setTitleColor:(UIColor *)color forState:(UIControlState)state;
    // 设置指定状态对应的显示图片
    -(void)setImage:(UIImage *)image forState:(UIControlState)state;
    // 设置指定状态对应的背景图片
    -(void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;
    // 为按钮添加事件
    -(void)addtarget:(id *)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;
  • UIButton状态

    1
    2
    3
    4
    5
    6
    UICtrolStateNormal          // 正常状态
    UICtrolStateHighlighted // 高亮状态
    UICtrolStateDisabled // 禁用状态
    UICtrolStateSelected // 选中状态
    UICtrolStateApplication
    UICtrolStateReserved
  • 事件处理

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// 用户按下时触发
UIControlEventTouchDown
// 点击计数大于1的触发
UIControlEventTouchDownRepeat
// 当触摸在控件内部拖动时触发
UIControlEventTouchDragInside
// 当触摸在控件之外拖动时触发
UIControlEventTouchDragDutside
// 当触摸从控件之外拖到内部时
UIControlEventTouchDragEnter
// 当触摸从控件内部拖到外部时
UIControlEventTouchDragExit
// 控件之内触摸抬起时
UIControlEventTouchUpInside
// 控件之外触摸抬起时
UIControlEventTouchUpOutside
// 触摸取消时间,设备被上锁或者电话呼叫打断
UIControlEventTouchCanel
  • 代码示例
1
2
3
4
5
6
7
UIButton *button = [UIButton buttonWithType:UIButttonTypeRoundedRect];
[button setTitle:@"Normal" forState:UIControlNormal];
[button setTitle:@"Highlighted" forState:UIControlHighlighted];
[button setTitle:@"Disabled" forState:UIControlDisabled];
[button setTitle:@"Selected" forState:UIControlSelected];
button.frame = CGRectMake(90,100,140,40);
[self.window.addSubview:button];

图片视图

  • UIImageView

    • 作用:专用于显示图片的视图
  • 常用属性和方法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    // 初始化图片
    -(id)initWithImage:(UIImage *)image;
    // 初始化高亮的图片
    -(id)initWithImage:(UIImage *)image hightlightedImage:(UIImage *)highlightedImage
    // 点语法设置图片
    @property(nonatomic,retain)UIImage *image;
    // 点语法设置高亮图片
    @property(nonatomic,retain)UIImage *highlightedImage;
    // 是否打开用户交互,默认为NO
    @preperty(nonatomic,getter=isUserInteractionEnabled)BOOL userInteractionEnabled;
  • 示例代码

    1
    2
    3
    4
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0,0,100,100)];
    imageView.image = [UIImage imageNamed:@"t.png"];
    imageView.highlightImage = [UIImage imageNamed:@"t1.png"];
    imageView.userInteractionEnabled = YES;

UIActivityIndicatorView

  • UIActivityIndicatorView
    • 作用:提示用户当前页面正在加载数据
  • 常用属性和方法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    // 设置风格
    @property(nonatomic)UIActivityIndicatorViewStylr;
    // 停止时、隐藏视图,默认为YES
    @property(nonatomic)BOOL hideWhenStopped;
    // 修改颜色、注意版本问题
    @property(readWrite,nonatomic,retain)UIColor *color;
    // 开始动画
    -(void)startAnimating;
    // 停止动画
    -(void)stopAnimating;
    // 判断动画的状态(停止或开始)
    -(BOOL)isAnimating;
  • 示例代码

    1
    2
    3
    UIActivityIndicatorView *activityView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorViewStyleWhite];
    activityView.frame = CGRectMake(0,0,100,100);
    [activityView startAnimating];

滑动控件

  • UISlider视图
    • 作用:控制系统声音,或者表示播放进度等等
  • 常用属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    // 设置获取slider的value值
    @property(nonatomic)float value;
    // 设置slider的最小值
    @property(nonatomic)float minimumValue;
    // 设置slider的最大值
    @property(nonatomic)float maximumValue;
    // 设置图片
    @property(nonatomic,retain)UIImage *minimumValueImage;
    // 设置图片
    @property(nonatomic,retain)UIImage *maximumValueImage;
    // 设置slider的value值,是否存在动画
    -(void)setValue:(float)value animated:(BOOL)animated;
  • 示例代码

    1
    2
    3
    4
    5
    UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(20,0,150,25)];
    [slider addTarget:self action:@selector(sliderAction:) forControlEvent:UIControlEventValueChanged];
    slider.maxmumValue = 100;
    slider.minmumValue = 0;
    slider.value = 50;

分段控件

  • UISegmentedControl
    • 作用:分段控件、页面切换等
  • 示例代码
    1
    2
    3
    4
    5
    6
    NSArray *array = [NSArray arrayWithObjects:@"选择",@"搜索",@"工具",nil];
    UISegmentedControl *segmentCtrl = [[UISegmentedControl alloc] initWithItems:array];
    segmentCtrl.frame = CGRectMake(20,0,150,25);
    segmentCtrl.segmentedControlStyle = UISegmentedControlStyleBar;
    segmentCtrl.selectedSegmentIndex = 0;
    [segmentCtrl addTarget:self action:@selector(segmentAction:) forControlEvents:UIControlEventValueChanged];

分页控件

  • UIPageControl
    • 作用:通常和UIScrollView连用,提示用户当前显示页数
  • 常用属性和方法

    1
    2
    3
    4
    5
    6
    7
    8
    // 共有几个分页“圆圈”
    @property(nonatomic)NSInteger numberOfPages;
    // 显示当前的页
    @property(nonatomic)NSInteger currentPage;
    // 只存在一页时,是否隐藏,默认为YES
    @property(nonatomic)BOOL hidesForSinglePage;
    // 刷新视图
    -(void)updateCurrentPageDisplay;
  • 示例代码

    1
    2
    3
    4
    5
    UIPageControl *pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(0,100,320,40)];
    pageControl.numberOfPages = 10;
    pageControl.currentPage = 2;
    pageControl.backgroundColor = [UIColor grayColor];
    [pageControl addTarget:self action:@selector(change:) froControlEvents:UIControlEventValueChanged];

UITextField

  • 常用代理方法
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    // 将要开始输入时调用
    -(BOOL)textFieldShoudBeginEdting:(UITextField *)textField{
    return YES;
    }
    // 将要输入结束时调用
    -(BOOL)textFieldShouldEndEditing:(UITextField *)textField{
    return YES;
    }
    // 清除文字按钮点击事件
    -(BOOL)textFieldShouldClear:(UITextField *)textField{
    return YES;
    }
    // 键盘上的return按钮
    -(BOOL)textFieldShouldReturn:(UITextField *)textField{
    [textField resignFirstResponder];
    return YES;
    }

UILabel

  • UILabel
    • 作用:显示文本
  • 常用属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    // 设置文本内容,默认为nil
    @property(nonatomic,copy)NSString *text;
    // 设置字体大小
    @property(nonatomic,retain)UIFont *font;
    // 设置字体颜色
    @property(nonatomic,retain)UIColor *textColor;
    // 设置阴影,默认没有阴影,若果设置需要设置偏移量
    @property(nonatomic,retain)UIColor *shadowColor;
    // 设置偏移量
    @property(nonatomic)CGSize shadowOffset;
    // 文本内容对齐方式
    @property(nonatomic)NSTextAlignment textAlignment;
    // 当文本超出frame时,文本截取的方式
    @property(nonatomic)NSLineBreakMode lineBreakMode;
    // 文本选中时,高亮的颜色
    @property(nanatomic,retain)UIColor *highlightedTextColor;
    // 是否存在高亮,默认为nil
    @property(nanatomic,getter=isHighlighted)BOOL highlighted;
    // 交互是否打开,默认为NO
    @property(nanatomic,getter=isUserInteractionEnabled)BOOL userInteractionEnabled;
  • 示例代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(90,100,140,40)];
    label.text = @"text";
    label.backgroundColor = [UIColor redColor];
    label.textAligment = NSTextAligmentCenter;
    label.textColor = [UIColor blueColor];
    label.shadowColor = [UIColor yellowColor];
    label.shadowOffset = CGSizeMake(-2,2);
    [self.window addSubview:label];
    [label release];

  • 代理是一种简单而功能强大的设计模式,这种模式用于一个对象“代表”另外一个对象和程序中其他的对象进行交互。 主对象(这里指的是delegating object)中维护一个代理(delegate)的引用并且在合适的时候向这个代理发送消息。这个消息通知“代理”主对象即将处理或是已经处理完了某一个事件。这个代理可以通过更新自己或是其它对象的UI界面或是其它状态来响应主对象所发送过来的这个事件的消息。或是在某些情况下能返回一个值来影响其它即将发生的事件该如何来处理。代理的主要价值是它可以让你容易的定制各种对象的行为。注意这里的代理是个名词,它本身是一个对象,这个对象是专门代表被代理对象来和程序中其他对象打交道的。
1
2
3
4
5
6
7
8
9
10
11
12
13
// RootViewController.h
# import "ModalViewContorller.h"
@optional
//optional 强制必须实现的方法
-(void)changeLabelText:(NSString *)text;
@end
@interface ModalViewController:UIViewController
{
@private
UITextField *textFiled;
}
@property(nonatomic,assign)id <ModalViewControllerDelegate> delegate;
@end
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
// RootViewController.m
-(void)viewDidLoad
{
[super viewDidLoad];
self.view.backgroundColor = [UIColor redColor];

UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.tag = 101;
button.frame = CGRectMake(320/2-140/2,200,140,40);
[button setTile:@"进入" forState:UIControlStateNormal];
[button addTarget:self action:@selector(presentModalVC) forControlEvent:UIControlEventTouchUpInside];
[self.view addSubiew:button];
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(90,100,140,40)];
label.text = @"hello world";
label.tag = 102;
label.textAligment = NSTextAligmentCenter;
[self.view addSubView:label];
}
-(void)presentModalVC
{
ModalViewController *modalVc = [[ModalViewController alloc] init];
modalVc.delegate = self;
// 动画效果
modalVc.modalTranstionSyle = UIModalTransitionStylePatialCurl;
if([[UIDevice currentDevice].systemVersion floatValue] < 6.0){
[self.presentModalViewController:modalVc animated:YES];
}else{
[self.presentModalViewController:modalVc animated:YES completion:^{
NSLog(@"call back");
}];
[modalVC relese];
}
}
-(void)changeLabelText:(NSString *)text
{
UILabel *label = (UILable *)[self.view viewWithTag:102];
label.text = text;

}
1
2
3
4
5
6
7
8
9
10
11
12
13
// ModalViewController.h
@protocol ModalViewControllerDelegate <NSObject>
@optional
//optional 强制必须实现的方法
-(void)changeLabelText:(NSString *)text;
@end
@interface ModalViewController:UIViewController
{
@private
UITextField *textFiled;
}
@property(nonatomic,assign)id <ModalViewControllerDelegate> delegate;
@end
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
//ModalViewController.m
-(void)viewDidLoad
{
[super viewDidLoad];
self.view.backgroundColor = [UIColor greenColor];

*textField = [[UIText alloc] initWithFrame:CGRectMake(70,100,100,30)];
textField.borderStyle = UITextBorderStyleRoundedRect;
[self.view addSubview:textField];

UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.frame = CGRectMake(320/2-140/2,100,140,40);
[button setTitle:@"dismiss" forState:UIControlEvent:UIControlEventTouchUpInside];
[self.view addSubview:button];
}
-(void)dismiss
{
if([self.delegate respondsToSelector:@selector(changeLabelText:)]){
[self.delegate changeLabelText:textField.text];
}
// 将模态视图关闭
[self dismissViewControllerAnimated:YES completion:^{
NSLog(@"dismiss")];
}];
}

利用通知

1
2
3
// 在通知中心注册一条名为ChangeLabelTextNotification的通知
[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(changeLabelText:) name:@"ChangeLabelTextNotification" object:nil];
// deallco时需要删除
1
2
3
4
5
6
-(void)changeLabelText:(NSNotification *)notification
{
id text = notification.object;
UILabel *label = (UILabel *)[self.view viewWithTag:102];
label.text = text;
}
1
[[NSNotificationCenter defaultCenter] postNotificationName:@"ChangeLabelTextNotification" object:_textField.text]

  • 视图,表示屏幕上的一块矩形区域,同时处理该区域的绘制和触屏事件。
  • 一个视图也可以作为其他视图的父视图,同时决定着这些子视图的位置和大小.
  • UIView类做了大量的工作去管理这些内部视图的关系。
  • 视图同时也是App中MVC的View部分
  • iPhone的视图以左上角为原点
  • 每个View的frame所使用的坐标系以它的父视图的左上角为坐
    关函数
    • 视图结构和相
      1
      2
      3
      CGPoint Point = CGPointMake(x,y);//设置
      CGSize size = CGSizeMake(width,height);//大小
      CGRect rect = CGRectMake(x,y,width,height);//位置和大小

Frame和Bounds

  • Frame以其父视图为起点,得出它自己的位置信息
  • Bounds以iOS系统的坐标原点为起点,坐标是(0,0)
  • Center表示视图中心所在的位置,设置此属性可改变视图的位置
    • 默认情况下,视图边框并不会被父视图的边框裁剪。如果需要裁剪,将其clipsToBounds属性设置为YES.

创建UIView

  • 创建UI有两种方式,xib文件和代码创建
1
2
3
4
5
//通过xib方式来创建视图对象
NSBundle *bundle = [NSBundle mainBundle];
NSArray *arr = [bundle loadNibNamed:@"myView" owner:self
options:nil];
UIView *myView = [arr objectAtIndex:0];
1
2
3
//代码创建视图对象
CGRect viewRect = CGRectMake(0,0,100,100);
UIView *myView =[[UIView alloc] initWithFrame:viewRect];

视图的层次结构

  • UIView层次结构可以理解为“视图树”————view hierarychy
  • 一个视图就是一个容器,当一个视图包含其他的视图的时候,两个视图之间就建立了一个父子关系,被包含的视图被称为“姿势图(subView)”,包含的视图称为“父视图(superView)”
  • 从视觉上看,子视图会覆盖父视图的内容,设置透明属性可以看到父视图的内容。
  • 每个父视图都有一个有序的数组存储着它的子视图,存储的顺序就会影响到每个子视图的显示效果,后加的视图会覆盖之前的视图。
  • 一个视图可以嵌入多个subView,但是只能有一个superView。
    • 视图的常用方法
      1
      2
      3
      4
      5
      6
      7
      8
      addSubView:                     // 添加子视图
      insertSubview:atIndex: // 视图插入到指定索引位置
      insertSubview:ahoveSubview: // 视图插入指定视图之上
      insertSubview:belowSubview: // 视图插入指定视图之下
      bringSubviewToFront: // 把视图移动到最顶层
      sendSubviewToBack: // 把视图移动到最底层
      exchangeSubViewAtIndex:withSubviewAtIndex://把两个索引对应的视图调换位置
      removeFromSuperview: // 把视图从父视图中移除

查找视图

  • UIView类中有一个tag属性,通过这个属性可以标志一个视图对象(整数)
  • 获取的方法,viewWithTag:方法来检索标志过的子视图
    1
    2
    3
    4
    UIView *myView = [[UIView alloc] initWithFrame:CGRectmake(0,0,100,100)];
    myView.tag = 100;
    // 通过tag查找view
    UIView *myView = [self.view vieWithTag:100];

UIView的常用属性

  • alpha // 透明度
  • backgroundColor // 背景颜色
  • subViews // 子视图集合
  • hidden // 是否隐藏
  • tag // 标签值
  • superview // 父视图
  • mulitpleTouchEnaled // 是否开启多点触摸
  • userInteractionEnabled // 是否响应触摸事件

坐标系统变换

  • 坐标变换通过transform属性来改变
    • CGAffineTransformScale 对视图比例缩放
    • CGAffineTransformRotae 对视图做变焦旋转
    • CGAffineTransformTranslate 对视图相对原位置做平移
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
          CGAffineTransform transform = rootView.transform;
      rootView.transform = CGAffineTransformScale(transform,0.5,0.5);
      rootView.transform = CGAffineTransformRotae(transform,0.33);
      CGAffineTransformScale(transform,0.5,0.5);
      rootView.transform = CGAffineTransformTranslate(transform,100,100);

      ## 视图的内容模式
      - 视图的contentMode属性决定了边界变化和缩放操作
      ```Objective-c
      UIImageView *imgeView1 = [[UIImageView alloc] initWithFrame:CFRectMake(320/2-200/2,30,200,200)];
      imgeView1.imge = [UIImage imageNamed:@"01"];
      imgeView1.backgroundColor = [UIColor redColor];
      imgeView1.contentMode = UIViewContentModeScaleAspectFit;
      [self.window addSubview:imgeView1];
      [imView1 release];

      UIImageView *imgeView2 = [[UIImageView alloc] initWithFrame:CFRectMake(320/2-200/2,240,200,200)];
      imgeView2.backgroundColor = [UIColor yelloColor];
      imgeView2.contentMode = UIViewContentModeBottom;
      [self.window addSubview:imgeView2];
      [imView2 release];

UIView属性的动画

  • UIView类的很多属性都被设计为动画,动画的属性是指当属性从一个值变为另一个值的时候,可以半自动地支持动画,你仍然必须告诉UIKit希望执行什么类型的动画,但是动画一旦开始,Core Animation就会全权负责。UIView对象中支持动画的属性有如下几个:

    • frame - 动画的改变视图的尺寸和位置
    • bounds - 动画的改变视图的尺寸
    • center - 动画的改变视图的位置
    • transform - 动画的翻转或者缩放视x图
    • alpha - 动画的改变视图的透明度
    • backgroundColor - 改变视图的背景色
    • contentStetch - 改变视图内容如何拉伸

      配置动画委托

    • 可以为动画分配一个委托,并通过该委托接受动画开始和结束的消息。当需要在动画开始前和动画结束后极力执行其他任务时,可能就需要设置委托。
    • 通过UIView调用setAnmationDelegate:方法来设置委托,并通过setAnimationWillStartSelector:和setAnimationDidStopSelector:方法来指定接受消息的选择器方法。消息处理方法形式如下:
      (void)animationWillStart:(NSString *)animationID context:(void *)context;
      (void)animationDidStop:(NSString *)animationID finished context:(void *)context;
      上面的两个方法的animationID和context参数和动画块开始时传给beginAnimations:context:方法的参数相同

      • animationID - 应用程序提供的字符串,用于标识一个动画块中的动画
      • context - 应用程序提供的对象,用于向委托对象传递额外的信息

      setAnimationDidStopSelector:选择器方法还有一个参数——即一个布尔值。如果动画顺利完成,没有被其他动画取消或停止,则该值为YES。

      配置动画的参数

    • setAnimationStartDateS方法来设置动画在commitAnimations:方法返回之后的发生日期。
    • setAnimationDelay:方法来设置实际发生动画和commitAnimations:方法返回的时间点之间的间隔
    • setAnimationDuration:方法来设置动画的持续秒数
    • setAnimationCurve:方法来设置动画过程的相对速度,比如动画可能在启动阶段逐渐加速、而在结束阶段逐渐减少,或者这个过程都保持相同的速度
    • setAnimationRepeatCount:方法来设置动画的重复次数
    • setAnimationRepeatAutoreverses:方法来指定动画在到达目标值时是否自动反向播放。可是结合使用这个方法和setAnimationRepeatCount:方法,使各个属性在初始值和目标值之间平滑切换一段时间。
    • 缺省情况下,所有支持动画的属性在动画块中发生的变化都会形成动画。如果希望让动画块中发生的某些变化不产生动画效果,可以通过setAnimationsEnableed:方法来暂时禁止动画,在完成修改后才重新激活动画,在调用setAnimationsEnabled:方法并传入NO值之后,所有的改变都不会产生动画效果,指定用YES值再次调用这个方法或者提交这个动画块是,动画才会恢复,可以用areAnimationsEnable:方法来确定当前是否激活动画。
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      -(void)animationAlpha
      {
      [UIView beginAnimations:nil context:NULL];// 需要设置代理时
      [UIView setAnimationDuration:1];// 动画的持续时间
      [UIview setAnimationDelay:1];// 动画延迟时间
      view2.apleha = 0.0;
      [UIView commitAnimations];// 标记着动画块的结束
      }
      -(void)animationFrame
      {
      [UIView beginAnimations:nil context:NULL];
      [UIView setAnimationDuration:5];
      [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];// 动画相对速度,开始和结束的时候慢,中间快
      view.center = CGPointMake(0,0);
      [UIView commitAnimations];
      }

UIViewController

  • 视图控制器是数据和视图之间的桥梁,视图供职器提供了一个基本的框架来构建应用程序。
  • UIViewController是所有视图控制器的父类
  • iOS提供了许多内置的视图控制器,以支持标准的用户界面部分,比如导航控制器UINavigationController,标签栏控制器UITabBarController,表视图控制器UITableViewController

视图控制器与视图的关系

  • 视图控制器是传统Modle-View-Controller(MVC)设计模式中————控制器对象
  • 视图控制器提供了许多控制器的基本功能
  • 对于某些功能,基类提供了解决方案的一部分,其他的自定义的功能由视图控制器的子类去实现,比如:用户选择设备,可以由子类去控制是否旋转
  • 视图控制器负责创建和管理一组视图,它本身提供一个视图,称为该试图控制器的根视图,协调管理数据的视图之间的交互
    • UIScreen对象时链接物理屏幕的标示
    • UIWindow为UIScreen对象提供画布
    • 一组UIView对象就可以显示内容
    • 每个视图控制器管理和控制一系列的视图
    • 永远不要把UIView添加到UIWindow上,二是添加一个UIViewController

视图控制器(UIViewController)的创建

1
2
3
4
5
6
7
// 代码创建
UIViewController *mainViewController = [[UIViewCtroller alloc] init];
mainViewController.view.backgroundColor = [UIColor redColor];
self.window.rootViewController = mainViewCtroller;
// nib创建
RootViewController *rootViewController = [[RootViewController alloc] initWithNibName:@"view" bundle:nil];
self.window.rootViewController = rootViewController;

UIViewController生命周期


1
2
3
4
5
6
7
-(void)loadView
{
// 调用父类来创建view
// 从nib、storybord加载View,否则创建一个empty view
// 创建一个自定义的视图,覆盖即可
}
-(void)view

加载过程

  • 首先去访问view属性
  • 如果存在view,判断之间加载。否则,则UIViewCtroller调用loadView方法
    • loadView方法执行如下操作
      • 如果覆盖了该方法,则必须创建View给UIViewCtroller的View属性
      • 如果没有覆盖该方法,UIViewControlller会调用父类的方法

        各个方法执行顺序

        • (id)initWithNibName:(NSString )nibNameOrNil bundle:(NSBundle )nibBundleOrNil
        • (void)loadView
        • (void)viewDidLoad
        • (void)viewWillAppear:(BOOL)animated
        • (void)viewDidAppear:(BOOL)animated
        • (void)viewWillDisappear:(BOOL)animated
        • (void)viewDidDisappear:(BOOL)animated

视图卸载

  • iOS6之前使用viewDidUnload:方法来释放对象的引用
  • iOS6之后使用didRecevelMemoryWarning内存紧张的时候调用
  1. viewWillDisappear 视图将被从屏幕上移除之前执行
  2. viewDidDisappear 视图已经被从屏幕上移除,用户看不到这个视图
  3. dealloc 视图被销毁,此处需要对你在init和viewDidLoad中创建的对象进行释放

试图控制器的响应链

  • 事件传递流程
    当前触发的事件->视图控制器的跟视图->视图控制器->窗口->UIApplication对象->不处理

模态视图

  • 模态视图不是特定的某个类,而是通过视图控制器的pressntModalViewController:方法弹出的视图称为模态视图
  • 模态视图出现的场景一般是临时弹出的窗口,譬如:登入窗口
  • 模态视图弹出时通过modalTransitionStyle属性设置不同的动画效果
  • 调用dismissModalViewControllerAnimated:方法关闭窗口
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
-(void)viewDidLoad
{
[super viewDidLoad];
self.view.backgroundColor = [UIColor purpleColor];
UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundeRect];
button.frame = CGRectMake(320/2 - 140/2,80,140,40);
[button setTitle:@"Present" forState:UIControlStateNormal];
[button addTarget:self action:@selector[presentModalVc] forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:button];
}
-(void)presentModalVC
{
ModalViewController *modalVc = [[ModalViewController alloc] init];
// 动画效果
modalVc.modalTranstionSyle = UIModalTransitionStylePatialCurl;
if([[UIDevice currentDevice].systemVersion floatValue] < 6.0){
[self.presentModalViewController:modalVc animated:YES];
}else{
[self.presentModalViewController:modalVc animated:YES completion:^{
NSLog(@"call back");
}];
[modalVC relese];
}
}
1
2
3
4
5
6
7
8
//ModalViewController.m
-(void)dismiss
{
// 将模态视图关闭
[self dismissViewControllerAnimated:YES completion:^{
NSLog(@"dismiss")];
}];
}

支持多个方向

  • iOS设备中的加速计可以确定设备的当前方向。默认情况下,一个应用支持纵向和横向。当设备方向改变时,系统会发送UIDiviceOrientationDidChangeNotfication通知,默认情况下UIKit框架监听这个通知,并自定义更新这个方向。
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    -(void)viewDidLoad
    {
    // ...
    // 采用通知获取屏幕方向切换
    [[UINotificationCenter defaultCenter] addObserver:self selector:@selector(deviceOrientation:)name:UIDeviceOrientationDidChangeNotifitation object:nil];
    }
    -(void)deviceOrientation:(NSNotification *)notification
    {
    UIDevice *device = (UIDevice *)[notification object];
    NSLog(@"device:%d",device.orientation);
    }
    -(BOOL)shoudlAutorotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation
    {
    return NO; //NO为不支持
    // return (toInterfaceOrientation != UIterfaceOrientationLandscapeLeft); // 不支持一个方向
    }
    # pragma mark - Orientation iOS 3.0_5.0
    -(BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrienttation)toInterfaceOrientation
    {
    return NO;
    }
    # pragma mark - Orientation iOS 6.0
    -(BOOL)shouldAutorotate
    {
    return YES;
    }
    -(void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
    {
    NSLog(@"duration:%f",duration);
    UIView* button = [self.view viewWithTag:101];
    if(toInterfaceOrientation == UIInterfaceOrientationPortrait){
    button.frame = CGRectMake(320/2-140/2,80,140,40);
    }else{
    button.frame = CGRectMake(480/2-140/2,80,140,40);
    }
    }

  • UIView是视图的基类
  • UIViewController视图控制器的基类
  • UIResponder表示一个可以接受触摸屏上触摸事件的对象
  • UIWin(窗口)是视图的一个子类,窗口的主要功能:1、提供一个区域来显示视图,2、将事件(event)分发给视图。
    1
    2
    3
    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen] bounds];
    self.window.rootViewController = self.viewController;
    [self.window makeKeyAndVisible];

UIScreen

- UIScreen对象可以充当iOS设备物理屏幕的替代者,通过`[[UIScreen mainScreen] bounds]`可以获得设备的屏幕大小

UIWindow

- 通过UIApplication获取当前keyWindow,keyWindow是用来管理键盘以及触摸类的消息,并且只能有一个window是keyWindow.
- UIWindow *keyWindow = [UIApplication sharedApplication].keyWindow;
- 每个UIWindow对象配置windowLevel属性,大部分时候不应该去改变windowL.
- UIWindow有3个级别,对应了3种显示优先级。通过windowLevel设置,优先级为:UIWindowLevel > UIWindowLevelStatusBar > UIWindowLevelNormal
1
2
3
4
5
6
7
8
9
10
11
12
//didFinishLauchingWithOptions
self.windonw = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScrren] bounds]];
self.window.backgrondColor = [UIColor whiteColor];
[self.window makeKeyAndVisible];
NSLog(@"self.window level: %@",self.windonw.level);

UIButton *startButton = [UIButton buttonWithType:UIButtonTypeRounedRect];
startButton.frame = CCRectMake(320/2-120/2,180,120,35);
[startButton setTile:@"警告" action:@selector(alertUser) forControlEvents:UIControlEventTouchUpInside];
[self.window addSubview:startButton];

return YES;
1
2
3
4
5
6
7
8
9
10
11
// alerUser
-(void)alertUser
{
UIAlertView *alertView = [[UIAlertView alloc]
initWithTitle:@"提示"
message:@"警告框是alert Level级别的"
delegate:nil
cancelButtonTitle:@"确定"
otherButtonTitles:nil];
[alertView show];
}