iOS Multiview Applications

1 View

1.1 简介

      UIView表示屏幕上的一块矩形区域,它在App中占有绝对重要的地位,因为IOS中几乎所有可视化控件都是UIView的子类。负责渲染区域的内容,并且响应该区域内发生的触摸事件。

UIView的功能 1.管理矩形区域里的内容2.处理矩形区域中的事件3.子视图的管理 4.还能实现动画 UIView的子类也具有这些功能

图 1 UIView及子类继承关系

1.2 三个结构体 CGPoint、CGSize、CGRect

1)CGPoint  

struct CGPoint { 
      CGFloat x; 
      CGFloat y; 
}; 
typedef struct CGPoint CGPoint;看到这个想必你已经懂了,不再解释。 

 

2) CGSize

struct CGSize { 
    CGFloat width; 
    CGFloat height; 
}; 
typedef struct CGSize CGSize; 不解释。

3) CGRect

struct CGRect { 
     CGPoint origin; //偏移是相对父视图的 
     CGSize size; 
}; 
typedef struct CGRect CGRect;同样 不解释。 

这三个结构体均在一个头文件里:CGGeometry.h

1.3 视图的最基本属性

frame和center都是相对于父视图的,bounds是相对于自身的

  • frame:是CGRect frame的origin是相对于父视图的左上角原点(0,0)的位置,改变视图的frame会改变center
  • center:是CGPoint指的就是整个视图的中心点,改变视图的center也会改变frame
  • bounds:是CGRect是告诉子视图本视图的原点位置(通俗的说就是,子视图的frame的origin与父视图的bounds的origin的差,就是子视图相对于父视图左上角的位置,如果结果为负,则子视图在父视图外)

图 2

1.4 界面元素:window(窗口)、视图(view)

     UIWindow是一种特殊的UIView,通常在一个app中只会有一个UIWindow。iOS程序启动完毕后,创建的第一个视图控件就是UIWindow,接着创建控制器的view,最后将控制器的view添加到UIWindow上,于是控制器的view就显示在屏幕上了。其中这个view称为根视图或是初始化视图,一般也只有一个。

2 创建View对象的方式

     有两种方式创建view对象,Interface Builder和Programmatically。

2.1 Interface Builder

     最简单的方式是使用图形界面的Interface Builder方法,通过这种方式能够从对象库中拖拽一个view对象到interface,安排它们的层次结构并对其配置,同时能够将这些view连接到代码中,从而实现它们的行为。可以参考《Interface Builder User Guide》文档。若创建完view后,可以在代码中获得view对象的controller,如swift实现为:

var blue:blueViewController! 
blue = storyboard?.instantiateViewControllerWithIdentifier("blue"as! blueViewController; // blue为标识符  

2.2 Programmatically

      还可以通过程序进行创建,其中可以使用标准的allocation/initialization模式。默认的initialization方法是initWithFrame,可以该方法初始化view尺寸和相对位置。比如object c实现为:

CGRect viewRect = CGRectMake(00100100); 
UIView* myView = [[UIView alloc] initWithFrame:viewRect]; 

3 创建和管理subviews的层次结构

管理视图的层次结构对应用开发来说是一个很重要的部分,对视图的组织即影响视图的显示,又影响事件是如何响应的。如图 3所示的Clock应用。

图 3

3.1 增加和移除子视图(subview)

一个UIView里面可以包含许多的Subview(其他的UIView),而这些 Subview 彼此之间是有所谓的阶层关系,这有点类似绘图软体中图层的概念,其中第0层是在最低下,即层数越高越在上层,从而上层的视图会遮住下层的视图。如所示表 1时UIView的常用方法。

表 1 UIView常用方法

Method

usage

addSubview

这个是父视图的方法,通过这个方法能够将一个Subview添加到父视图的subview列表的尾部;

insertSubview

这个是父视图方法,可以将子视图插入父视图subview列表的指定位置;

removeFromSuperview

这个是子视图方法,通过它能够将子视图从父视图的subview列表中移除;

bringSubviewToFront

这个是父视图方法,将Subview往前移动一个图层(与它的前一个图层对调位置);

sendSubviewToBack

这个是父视图方法,将Subview往后移动一个图层(与它的后一个图层对调位置);

exchangeSubviewAtIndex

这个是父视图方法,交互子视图的位置。

 

如下的程序是在父视图控制器中实现两个子视图之间的切换:    

 1 func viewMove(from:UIViewController!,to:UIViewController!){ 
 2     let subViewNun = self.view.subviews.count //为视图的层数,待会将to视图放在最上层。 
 3     if from != nil{ 
 4     from!.willMoveToParentViewController(nil); 
 5     from!.view.removeFromSuperview();//调用子视图方法,从父视图中移除子视图。 
 6     from!.removeFromParentViewController(); 
 7     } 
 8     if to != nil{ 
 9             to. view.frame = view.frame//设置子视图的框架与父视图一样 
10     self.addChildViewController(to!)//将子视图控制器添加到父视图的subview controller列表中 
11     self.view.insertSubview(to!.view, atIndex: subViewNun)//将子视图添加到父视图的subview列表中 
12     to!.didMoveToParentViewController(self) //调用子视图控制器方法,表明视图图发生变化了 
13     } 
14 } 
 

       当添加一个subview到另一个view中,UIKit即会通知父视图,又会通知子视图发生视图内容发生变化了。所以如果实现了定制的view,那么可以通过重载willMoveToSuperview, willMoveToWindow, willRemoveSubview, didAddSubview, didMoveToSuperview或didMoveToWindow方法来拦截这些消息,可以通过这些消息来更新相关的视图层次结构的状态或信息。

3.2 隐藏视图

 

     为了隐藏视图的可见性,可以通过将"hidden"属性设置为yes,或者是将"alpha"属性值设置为0.0。被隐藏的视图不会再从系统中接收到触摸事件,当隐藏的视图还是会参加一些布局操作。其中若需要在隐藏时设置动画操作,那么只能通过修改alpha属性,而不能修改hidden属性,因为hidden不是animation属性。

     Important:如果要对第一响应者进行隐藏操作时,那么系统不会取消该视图的第一响应。所以当有消息到来时,仍然会把消息传递给这个被隐藏的视图,若要取消其事件的接收,需要手动进行取消。

3.3 转换、放大和旋转视图

 

     暂无

3.4 转换坐标

 

    暂无    

 

参考文献:view Programming Guide for iOS

4 ViewController

 

4.1 简介

 

      在mvc设计模式中,controller对象提供特定的逻辑,负责连接应用程序的data和view,而且将data展示给用户。在ios应用程序中,view controller是一个特殊类型的controller对象,可以使用它来展示和管理一系列view,同时能够应用它从一个屏幕转到另一个屏幕。

      每种UIView都可以指定一个UIViewController类或子类对其进行管理,当然也不是每种UIView都需要UIViewController类,其中将需要UIViewController的UIView称作content view(内容视图),因为这些content view是应用程序的主要容器。

      在storyboard中将UIView和UIViewController合称为scene,并且在storyboard中不能独立存在UIView对象或组件,而是需要将UIView组件放置在UIViewController内(可放置多个),但是在xib文件中却是可以独立存在的。也就是说在content view中可以放置普通的UIView和容器类型的UIView,这样将放置在content view的UIView称为子view,而将content view称作父view。在content view中的子view是于图像的层次结构进行组织的,即上层的view可能会阻挡下层view的视线。如图 1所示的view层次结构,其中RootView需要放置在UIViewController中。

图 4s

 

View controller类型:

  • custom view controller:这是一种用于表示屏幕显示内容的控制器对象。
  • container view controller:这是一种特殊的view controller对象,它负责管理其它view controller对象,并定义view之间的导航关系。比navigation, tab bar和split view controllers
  • modal view controller:这既是custom view controller,又是container view controller,

图 5

4.2 常用方法

 

表 2

Method

usage

addChildViewController

向视图控制器容器中添加子视图控制器;

removeFromParentViewController

向视图控制器容器中添加子视图控制器;

transitionFromViewController

交换两个子视图控制器的位置;

willMoveToParentViewController

从视图控制器容器中被移动到另外一个视图控制器,如果没有父视图控制器,将为nil;

didMoveToParentViewController

当从一个视图控制容器中添加或者移除viewController后,该方法被调用。

 

参考文献:

    《Beginning iPhone Development with Swift Exploring the iOS SDK-Apress(2014)》Chapter6

    http://blog.csdn.net/chengyingzhilian/article/details/7894276

    http://www.gowhich.com/blog/543

 

 

Cheng

       工具栏可以包含按钮和其他一些控件,但这些项并不是互斥的。

 

posted @ 2015-11-29 15:06  xiuneng  阅读(502)  评论(0编辑  收藏  举报