UI初级--UI视图

@UI视图的创建

在使用UI进行创建视图的时候,首先要先创建一个窗口的对象,窗口对象的创建是由系统自动生成的...这里简单进行下解析

//创建一个窗口对象,UIWindow

    //优先使用自己的初始化方法

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

    // Override point for customization after application launch.

    //设置窗口的颜色

    self.window.backgroundColor = [UIColor whiteColor];

    //设置当前这个window对象作为主窗口,并显示

    [self.window makeKeyAndVisible];

接下来,就可以进行视图对象的创建:

//在窗口上添加一个红色的200*100的视图

    //使用CGRectMake函数设置视图显示的位置和大小,参数:x y width height

    UIView * redView = [[UIView alloc]initWithFrame:CGRectMake(60, 30, 100, 100)];

    //背景色设置为红色

    redView.backgroundColor = [UIColor redColor];

    //将redView显示在窗口上,父视图会持有子视图.

    [self.window addSubview:redView];

    //释放

    [redView release];

    //center是视图中心点在父视图坐标系中,基于父视图原点的距离

    NSLog(@"红色视图中心点的x = %.2f,y = %.2f",redView.center.x,redView.center.y);

    NSLog(@"center = %@",NSStringFromCGPoint(redView.center));

//    redView.center = CGPointMake(160, 284);//设置到窗口的中心点处

    //视图的frame可以通过设置属性进行修改

    //redView.frame =CGRectMake(60, 60, 200, 100);

//redView.bounds = CGRectMake(-10,-10,200,200);

    //redView.frame.size.width;(获取尺寸的方法,不能赋值,只能获取)

    NSLog(@"红色视图的bounds = %@",NSStringFromCGRect(redView.bounds));

    //添加绿色的,300*300的视图

    //父视图的bounds:0,0,w,h

    //子视图如果要完整覆盖父视图,frame需要设置为:0,0,w,h

    //此时子视图需要设置的frame即父视图

    UIView * greenView = [[UIView alloc]initWithFrame:redView.bounds];

    greenView.backgroundColor = [UIColor greenColor];

    [redView addSubview:greenView];

//    [redView addSubview:greenView];(坐标是与自己的父视图比较的,这里父视图是redView)

    [greenView release];

    redView.clipsToBounds = YES;

/*****

     

     跟视图参数相关的:

     CGRect:frame

     CGPoint:center

     CGSize

     获取其中的成员变量,使用点语法

     redView.frame.size.width

     使用NSLog输出参数:NSStringFromCG..

     NSStringFromCGRect()

     NSStringFromCGPoint()

     NSStringFromCGSize()

     frame:子视图基于父视图的坐标系进行设置.即子视图的x,y是在父视图坐标系中,基于父视图原点(0,0)的距离

     center:子视图基于父视图的坐标系进行设置.即子视图的中心点在父视图坐标系中,基于父视图原点(0,0)的距离

     *****/

运行时输出截图:

以上为简单的窗口对象和视图对象的创建,以及视图对象创建时所涉及到的一些基本属性的设置...