UI基础:UIView(window,frame,UIColor,CGPoint,alpha,CGRect等)

UIView 视图类,视图都是UIView或者UIView子类

UIWindow 窗口类,用于展示视图,视图一定要添加window才能显示

注意:一般来说,一个应用只有一个window

创建一个UIWindow对象

UIScreen 屏幕类 [UIScreen mainScreen]主屏幕

[[UIScreen mainScreen]bounds]获得主屏幕大小

如:

1.创建工程

2.把ARC改为MRC

3.window的属性由string改为retain

4.重写dealloc方法,对_window进行释放

self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]autorelease];
self.window.backgroundColor=[UIColor whiteColor];//设置window的背景颜色
[self.window makeKeyAndVisible]//将self.window设置为主窗口,并可见

UIColor 颜色类

创建视图

UIView *view=[[UIView alloc]initWithFrame:CGRectMake(50,50,200,200)];//创建一个视图view,坐标50,50 宽和高都是200
view.backgroundColor=[UIColor redColor];//设置视图背景色为red

iOS中能够看见的视图都是矩形的.

frame用来表示view的位置和大小

位置:

CGPoint  结构体,用于存放一个点的数据类型
CGPoint point=CGPointMake(20,30);   //位置坐标是20,30

//打印

NSLog(@"%lf",point.x);
NSLog(@"%lf",point.y);
NSLog(@"%@",NSStringFromCGpoint(point));//用对象打印

CGSize 结构体,用于存放视图宽和高

大小:

CGSize size=CGSizeMake(100,200);     //视图的宽是100,高是200
NSLog(@"%lf",size.width);
NSLog(@"%lf",size.height);
NSLog(@"%@",NSStringFromCGSize(size));

//CGRect 结构体,用于存放一个矩形的数据,包括位置和宽高(包含CGpoint和CGSize)

CGRect rect=CGRectMake(20,30,100,100);   //x,y,width,height
NSLog(@"%lf",rect.origin.x);
NSLog(@"%lf",rect.origin.y);
NSLog(@"%lf",rect.size.width);
NSLog(@"%lf",rect.size.height);
NSLog(@"%@",NSStringFromCGRect(rect));

/*

设备 尺寸 逻辑点 retain 渲染像素

3GS 3.5 320*480 NO 320*480

4 3.5 320*480 YES 640*960

4S 3.5 320*480 YES 640*960

5/5S 4.0 320*568 YES 640*1136

6 4.7 375*667 YES 750*1334

6P 5.5 414*736 超高清 1242*2208

*/

//UIView属性

// 背景颜色.默认背景色是透明的,clearColor

blueView.backgroundColor=[UIColor cyanColor];
blueView.hidden=YES;
//    hidden 是否隐藏 YES 隐藏 NO 显示(默认)

//alpha 透明度 0.0~1.0 (0.0:代表完全透明 1.0代表不透明.默认是1.0)

//tag,标记值,tag值100以下的被系统占用了,所以赋值选择100以上

blueView.tag=100;

// 父视图根据标记的tag值查找视图

UIView *findView=[self.window viewWithTag:100];

其中:

frame用来表示view的位置和大小

//// redView.frame.size.width=100;error不能单个赋值

//// view的frame只能整体赋值

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

center 中心点

中心点=((x+w)/2,(y+h)/2)

每一个View都有自己的一套坐标系,默认坐标系的原点在左上角,子视图以父视图的左上角作为原点

frame:视图在父视图中坐标系的位置和大小

center:视图的中心点在父视图坐标系的位置

frame变化center不一定变化(等比缩放的时候,center不会变),center变化frame变化

bounds:指视图在自身坐标系中的位置

//// 默认自身坐标系的原点就是视图的左上角

x>0,y>0 原点左上

x<0,y>0 原点右上

x<0,y<0 原点右下

x>0,y<0 原点左下

center.frame.bounds的相互影响:

1.frame修改,会影响center和bounds

2.center修改,会影响frame,bounds不变

3.bounds修改,会影响frame,center不变

.	frame	bounds
参考系	父视图	自身
origin	到父视图原点的距离	到自身原点的距离
size	自身的宽高	自身的宽高

两者联系:bounds.size改变,frame也会改变;frame.size改变时,bounds.size也会改变

.	frame	center
参考系	父视图	父视图

两者联系:frame.origin发生改变,center也会发生改变;center发生改变,frame.origin也发生改变.

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

.	center	bounds
参考系	父视图	自身

两者联系:center发生改变bounds.origin不变.bounds.origin发生变化,center不变

//    用父视图 把 子视图 提前
[self.window bringSubviewToFront:view1];
//     用父视图 把 子视图 放至后面
[self.window sendSubviewToBack:view1];
//    父视图通过下标交换两个视图的位置
[self.window exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
//
UIView *view3=[[UIView alloc]initWithFrame:CGRectMake(75, 75, 200, 200)];
view3.backgroundColor=[UIColor yellowColor];
//    插入视图
//    [view3.window insertSubview:view3 belowSubview:view1];//插入下面
//    [self.window insertSubview:view3 atIndex:1];//插入指定位置
//    [self.window insertSubview:view3 aboveSubview:view2];//插入上面
//    删除视图
//    自己把自己从父视图上删除
//    [view3 removeFromSuperview];

//使用RGB值调颜色
UIColor *color=[UIColor colorWithRed:COLORVALUE green:COLORVALUE blue:COLORVALUE alpha:1.0];
view1.backgroundColor=color;

方法名	描述	示例
insertSubview:atIndex:	在指定的index处插⼊入⼦子视图	[superview insertSubview:grayView atIndex:1];
insertSubview:aboveSubview:	在指定的视图上⾯面添加⼦子视图	[superview insertSubview:grayView aboveSubview:redView];
insertSubview:belowSubview:	在指定的视图下⾯面添加⼦子视图	[superview insertSubview:grayView belowSubview:redView];

方法名	描述	示例
bringSubviewToFront:	把指定的⼦子视图移动到最前⾯面	[superview bringSubviewToFront:redView];
sendSubviewToBack:	把指定的⼦子视图移动到最后⾯面	[superview sendSubviewToBack:redView];
exchangeSubviewAtIndex: withSubviewAtIndex:	交换两个指定索引位置的⼦子视图	[superview exchangeSubviewAtIndex:0 withSubviewAtIndex:2];
removeFromSuperview	把receiver从⽗父视图上移除	[redView removeFromSuperview];

视图重要属性

属性名	描述	示例
hidden	控制视图的显隐	redView.hidden = YES;//隐藏redView redView.hidden = NO;//显⽰示redView
alpha	控制视图的不透明度(⼦子视图也⼀一起 透明),取值范围0~1	redView.alpha = 0.8;
superview	获取本视图的⽗父视图	UIView *superView = [redView superView];
subviews	获取本视图的所有⼦子视图	NSArray *subviews = [redView subviews];
tag	给视图添加标记,被加完标记的视 图可以使⽤用viewWithTag:⽅方法取出	redView.tag = 100,UIView *view = [superview viewWithTag:100];