自学iOS开发系列----UI（视图编程入门：UIView）

本篇博客，教学目标：

UIView是UIKit中部分控件的直接或者间接的父类。

UIView的层次和事件接收
【1】父视图不能接收事件，则子视图无法接收事件
【2】子视图超出父视图部分，不能接收事件
【3】同一个父视图下，最上面的视图，首先遭遇事件，如果能够响应，就不向下传递事件，如果不能响应，事件向下传递.

1.在视图A上加载视图B,那么视图B就是视图A的子视图,视图A就是视图B的父视图。父视图可以有很多子视图,但是子视图只能有一个父视图

    CGFloat left = 20;CGFloat top = 30;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.backgroundColor = [UIColor redColor];[self.view addSubview:view1];

2.后添加的子视图,显示在最上面。多个子视图的frame如果有重合部分,我们不能通过视觉效果判断谁是谁的父视图,必须通过superview方法来判断父视图

    CGFloat left = 20;CGFloat top = 100;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.backgroundColor = [UIColor redColor];view1.tag = 101;[self.view addSubview:view1];UIView * view2 = [[UIView alloc] initWithFrame:CGRectMake(left, top, width, height)];view2.backgroundColor = [UIColor blueColor];view2.tag = 102;[self.view addSubview:view2];UIView * superView1 = view1.superview;UIView * superView2 = view2.superview;if (superView1 == superView2) {NSLog(@"view1和view2是同一个父视图");}

3.在某个子视图上面插入一个子视图

    CGFloat left = 20;CGFloat top = 170;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.backgroundColor = [UIColor redColor];[self.view addSubview:view1];top = top+20;UIView * view2 = [[UIView alloc] initWithFrame:CGRectMake(left, top, width, height)];view2.backgroundColor = [UIColor yellowColor];[self.view insertSubview:view2 aboveSubview:view1];

4.在某个子视图下面插入一个子视图

    CGFloat left = 20;CGFloat top = 260;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.backgroundColor = [UIColor redColor];[self.view addSubview:view1];top = top+20;UIView * view2 = [[UIView alloc] initWithFrame:CGRectMake(left, top, width, height)];view2.backgroundColor = [UIColor greenColor];[self.view insertSubview:view2 belowSubview:view1];

5.交换两个子视图在父视图上的位置

    CGFloat left = 20;CGFloat top = 340;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.backgroundColor = [UIColor redColor];[self.view addSubview:view1];top = top+20;UIView * view2 = [[UIView alloc] initWithFrame:CGRectMake(left, top, width, height)];view2.backgroundColor = [UIColor orangeColor];[self.view addSubview:view2];NSArray *subviews = [self.view subviews];NSInteger index1 = [subviews indexOfObject:view1];NSInteger index2 = [subviews indexOfObject:view2];[self.view exchangeSubviewAtIndex:index1 withSubviewAtIndex:index2];

6.将某个子视图提到所有子视图的最前面

    CGFloat left = 20;CGFloat top = 340;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.backgroundColor = [UIColor redColor];[self.view addSubview:view1];top = top+20;UIView * view2 = [[UIView alloc] initWithFrame:CGRectMake(left, top, width, height)];view2.backgroundColor = [UIColor grayColor];[self.view addSubview:view2];top = top+20;UIView * view3 = [[UIView alloc] initWithFrame:CGRectMake(left, top, width, height)];view3.backgroundColor = [UIColor brownColor];[self.view addSubview:view3];[self.view bringSubviewToFront:view2];

7.将某个子视图扔到所有子视图的最后面

    CGFloat left = 20;CGFloat top = 460;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.backgroundColor = [UIColor redColor];[self.view addSubview:view1];top = top+20;UIView * view2 = [[UIView alloc] initWithFrame:CGRectMake(left, top, width, height)];view2.backgroundColor = [UIColor grayColor];[self.view addSubview:view2];top = top+20;UIView * view3 = [[UIView alloc] initWithFrame:CGRectMake(left, top, width, height)];view3.backgroundColor = [UIColor brownColor];[self.view addSubview:view3];[self.view sendSubviewToBack:view2];

8.从父视图上移除某个子视图

    CGFloat left = 20;CGFloat top = 560;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.backgroundColor = [UIColor redColor];[self.view addSubview:view1];[view1 removeFromSuperview];

9.设置视图透明度

CGFloat left = 20;CGFloat top = 615;CGFloat width = CGRectGetWidth(self.view.bounds)-2*left;CGFloat height = 50;UIView * view1 = [[UIView alloc] init];view1.frame = CGRectMake(left, top, width, height);view1.alpha = 0.5;view1.backgroundColor = [UIColor blackColor];[self.view addSubview:view1];

github地址:demo

自学iOS开发系列----UI（视图编程入门：UIView）相关推荐

iOS开发系列--网络开发（转）
iOS开发系列--网络开发 2014-10-22 08:34 by KenshinCui, 66365 阅读, 56 评论, 收藏, 编辑概览大部分应用程序都或多或少会牵扯到网络开发,例如说新浪微 ...
iOS开发系列--通讯录、蓝牙、内购、GameCenter、iCloud、Passbook详解
代码改变世界 Posts - 69, Articles - 0, Comments - 812 Cnblogs Dashboard Login Home Contact Gallery RSS Ken ...
iOS开发系列--网络开发
概览大部分应用程序都或多或少会牵扯到网络开发,例如说新浪微博.微信等,这些应用本身可能采用iOS开发,但是所有的数据支撑都是基于后台网络服务器的.如今,网络编程越来越普遍,孤立的应用通常是没有生命力 ...
iOS开发系列--通讯录、蓝牙、内购、GameCenter、iCloud、Passbook系统服务开发汇总
iOS开发系列--通讯录.蓝牙.内购.GameCenter.iCloud.Passbook系统服务开发汇总 --系统应用与系统服务 iOS开发过程中有时候难免会使用iOS内置的一些应用软件和服务,例如 ...
iOS开发系列–音频播放、录音、视频播放、拍照、视频录制
iOS开发系列–音频播放.录音.视频播放.拍照.视频录制 - KenshinCui - 博客园代码改变世界 Posts - 69, Articles - 0, Comments - 1004 Cnb ...
iOS开发系列--通讯录、蓝牙、内购、GameCenter、iCloud、Passbook系统服务开发汇总，icloudpassbook
iOS开发系列--通讯录.蓝牙.内购.GameCenter.iCloud.Passbook系统服务开发汇总,icloudpassbook --系统应用与系统服务 iOS开发过程中有时候难免会使用iOS ...
iOS开发系列--通知与消息机制
http://www.cocoachina.com/ios/20150318/11364.html 概述在多数移动应用中任何时候都只能有一个应用程序处于活跃状态,如果其他应用此刻发生了一些用户感兴趣 ...
iOS开发系列--UITableView全面解析
iOS开发系列--UITableView全面解析 2014-08-23 23:20 by KenshinCui, 2202 阅读, 18 评论, 收藏, 编辑 --UIKit之UITableView ...
iOS开发系列文章（持续更新……）
iOS开发系列的文章,内容循序渐进,包含C语言.ObjC.iOS开发以及日后要写的游戏开发和Swift编程几部分内容.文章会持续更新,希望大家多多关注,如果文章对你有帮助请点赞支持,多谢! 为了方便大 ...
iOS开发系列–打造自己的“美图秀秀”(上)
iOS开发系列–打造自己的"美图秀秀"(上) 概述在iOS中可以很容易的开发出绚丽的界面效果,一方面得益于成功系统的设计,另一方面得益于它强大的开发框架.今天我们将围绕iOS中两 ...

自学iOS开发系列----UI（视图编程入门：UIView）

自学iOS开发系列----UI（视图编程入门：UIView）相关推荐

最新文章

热门文章