UIView 和 UILabel 的初步认识(2015-1-26 上海松江)

一.   UIWindow

            1. 简单介绍和说明

                  (1).  window是窗口,每个app都需要借助window将内容展示给用户看

                  (2).  在iOS中,使用UIWindow类来表示窗口,通常一个应用程序只创建一个UIWindow对象

                        (3).  window的只要作用是呈现内容给用户,通常不会对window做太多操作

                        //示例:

                          self.window  =  [ UIWindow alloc ]  initWithFrame: [[ UIScreen mainScreen ]  bounds ]] ;

                          //通常window的大小(frame)与(UIScreen)大小一致

                          //self.window.backgroundColor  =  [ UIColor  whiteColor ];

                          //设置window窗口的背景颜色为白色(可以根据具体需要改动)

二.  UIView

           1. 简单介绍和说明

                  (1).  UIView是iOS中的视图类,是所有可视化控件的父类.它定义了视图的公共特性和方法(共同点)

                  (2).  UIView对象代表屏幕上的一个矩形区域(简单理解:它是一个矩形)

            2. UIView的使用

                  (1).  创建对象:     UIView  *对象名 = [ UIView  alloc ]  初始化方法 ];

                  (2).  配置对象:     设置背景颜色,矩形位置,大小等

                  (3).  将对象添加到window上进行显示

                  (4).  释放对象

             //使用UIView的流程和使用其他类(NSArray)的流程是一样的,只不过UIView能够显示,需要添加到屏幕上进行显示.

             //示例:

                       UIview  *view  =  [ UIView  alloc ]  initWithFrame: CGRectMake(10,20,30,40) ];

                       //创建一个view的对象,并将其初始化为一个origin(原点)为(10,20), width(宽度) 为30个点,height(高度)为40个点的矩形

                       view.backgroundColor  =  [ UIColor  redColor ];

                       //设置view这个矩形的背景颜色为红色

                       // [ self.window addSubview: view ];

                       //将view添加到已经创建的窗口上显示

                       // [ view  release ]; 释放对象

 

             3.  UIView 的一些重要属性              ( ios坐标系不是以像素作为划分依据,而是以"点"作为划分依据 )

                      (1).  frame   (重点: frame 的 origin 和 size 都是相对父视图来说的)

                                  frame 是view 的重要属性, frame 决定了 试图的大小和位置. (视图布局的关键)    

                                  frame 是一个CGRect结构体变量,包含两个部分:  origin 和 size   ( 其中的 origin 和 size 同样也是结构体)

                                  origin (它是一个叫做原点的特殊点)包含两部分: x 和 y 

                                  size (它是一个矩形的两个边) 包含两部分: width 和 height 

                                  

                               CGRectMake()函数可以帮我们快速构造一个CGRect变量

                      (2).  center 

                                  center 它是一个点 , 它也是view的重要属性.     

                                  center 它是一个结构体类型,包含两部分: x 和 y

                                  重点: 

                                           center.x = frame.origin.x + frame.size.width/2;

                                           center.y = frame.origin.y + frame.size.height/2; 

     

                      (3). bounds

                                  bounds也是view的重要属性,用于定义自己的边界

                                  bounds和frame一样是一个CGRect结构体变量  

                                  重点:

                                          当一个view设置bounds是,会把自己当成一个容器,定义自己的边界大小 以及 左上角的初始坐标

                                          当子视图添加到此视图时,会根据bounds指定的原点(0,0)计算frame, 而非左上角.                             

                       (4) frame , center 和 bounds 之间的联系

                  

                   

                    

                        

                    (5).  视图一些其他的重要属性

                                          

      

        

         4. UIView 添加视图的一些常用方法

         

                                                    

         5.  管理视图层次的方法

  

                  

三.  UILabel 

              1.  简单的介绍和说明 

                        UILabel(标签) 是显示文本的控件(出现频率最高的控件)

                        UILabel 是UIView 的子类,它扩展了文字显示的功能, 它是能显示文本的视图        

              2.  UILabel的使用      

                      (1).  开辟空间并初始化  (如果本类有初始化方法,使用自己的;否则使用父类的)

                      (2).  设置文本控制相关的属性

                      (3).  添加到父视图上,用以显示

                      (4).  释放  

                      //创建UILabel与创建UIView的步骤很相似.

                      //示例:

                               UILabel *label = [[ UILabel alloc ] initWithFrame:CGRectMake(10,20,30,40)];

                               UILabel.text = @"用户名";

                               [ self.window  addSubview: label ];

                               [ label  release ];

     

              3.  控制文本显示的一些方法