UIWindow、 UIView及UILabel

原创

机缘巧合 2015-05-30 22:11:38 ©著作权

文章标签 UIView UILabel UIWindow 文章分类 移动开发

©著作权归作者所有：来自51CTO博客作者机缘巧合的原创作品，请联系作者获取转载授权，否则将追究法律责任

在正式进入UI之前，我们需要了解一些知识。

苹果手机的分辨率：iPhone3GS 320*480; iPhone4和iPhone4S 640*960;iPhone5c、5S 640*1136;

iPhone6 750*1334; iPhone6plus 1080*1920。

屏幕尺寸如3.5英寸:320 * 480, 如果采用的是Retina屏，宽和高都要分别乘以2，这也就是为什么3GS和4同为3.5英寸，但是分辨率却差了4倍。

学习UI需要使用xcode中空工程，iOS -> Application -> Empty Application.进入之后运行会出现设备的模拟器，通过command +1，+2，+3可以调整模拟器的大小分别100%，75%，50%。如果没有模拟器进入window -> device -> 添加设备模拟器。使用command + shift + h, 可以返回模拟器的主界面，输入两次h效果同iPhone双击home键。

一个完整iOS App = 各种各样的UI设计 + 业务逻辑 + 算法。

iOS从2.0开始到7.0都是拟物化的设计风格，7.0则放弃了这一设计，以线条为主，更倾向于扁平化的设计风格。

一 UIWindow

虽然我们还没学习UIView，但是你应当有一种意识，UIWindow是UIView的一个子类，继承其所有的属性、方法和实例变量。

UIWindow有什么作用？

UIWindow用来承载UIView的视图给用户，如果没有window，设备将是一片漆黑。

UIWindow有什么特点？

UIWindow伴随着整个应用程序的生命周期，知道app结束时才释放。我们通常不对它进行太多的设置和操作。一个app通常只有一个window。

UIWindow如何创建对象？

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

self.window.backgroundColor = [UIColor grayColor];

[self.window makeKeyAndVisible];

以上代码对于刚从OC过来的同学来说有很多陌生的代码，建议进入头文件中去查看。mainScreen返回一个代表设备屏幕的对象，bounds是一个返回值为CGRect的实例方法。大家首先要树立一种控件也是一种类，格式和我们学得OC相同。CGRect 是一个结构体，有两个元素：CGPointer origin; CGSize size; , CGPointer 也有两个元素: CGFloat x; CGFloat y; CGSize 有两个元素: CGFloat width; CGFloat height; 其中的CGFloat就是double。

二 UIView

view(是“视图”的意思)：屏幕上的一块矩形区域。不同的空间对应着不同类型的视图。换句话说，UIView有很多子类，而且功能不尽相同。需要将UIView重视起来，APP中所有的可视化空间全部是UIView或者其子类。

如何创建一个UIView对象？

代码如下

UIView *aView = [UIVew alloc]initWithFrame:CGRectMake(CGFlaot x, CGFlaot y, CGFlaot width,

CGFloat heigth)]; // 开辟空间并初始化

aView.backgroudColor = [UIColor redColor]; // 给属性赋值

[self.window addSubview: aView]; // 将视图添加到父视图中

[aView release] ; // 释放aView的保有权

首先add方法和集合类的对象一样自动保有元素的所有权，所以释放aView没有问题。

其次， CGRectMake()是快速创建结构体的方法，frame是一个CGRect类型的结构体。

最后，说明一下NSRect类型结构体重各元素的作用。

要想在屏幕上画出一个矩形，首先知道位置，其次知道大小。CGRect的两个元素CGPointer和CGSize就是分别代表位置和大小。iOS中为了布局创建了平面坐标系。它的原点为屏幕的左上角。水平向右是X的正方向，垂直向下是Y的正方向。这样CGRect的4各元素就都清楚明白了。

需要注意的是如果子视图超过了父视图的边界，超过的部分是没有响应的。

center

center其实是frame的衍生品，他们两个完全等价。center就是值矩形视图的中心坐标。他有两个元素：CGFloat x，CGFloat y。 center.x = frame.origin.x + frame.size.width/2 center.y = frame.origin.y + frame.size.height/2 .

bounds

bounds是一个CGRect类型的结构体。只不过它是自己的坐标系，它的子视图要以这个坐标系为准。它可以设置左上角的坐标为任意值。使用较少。

先说明一下frame、bounds、center的联系。

当frame.origin变化时，center也是变化的，反之，亦然；当frame.size变化时，bounds的size也是变化的,反之亦然；当center变化时，bounds.origin是不变的，反之亦然。

重点说明一下UIView的方法、属性。

1 插入元素方法

addSubview: , insertSubview: atIndex, insertSubview: aboveSubview, insertSubview: belowSubview。当UIView对象调用这些方法时，会将参数subview添加为自己的子视图。而且插入越早编号越靠前，离用户越远。这里透露一个小技巧，在控制台有一个交叉的两个矩形的图标，点击它可以查看层次。

2 管理层次方法

bringSubviewToFront: , sendSubviewToBack:, exchangeSubviewAtIndex: withSubviewAtIndex:, removefromSuperview. 可以用来调整和用户的距离。

3 属性

hidden ：是否可见 BOOL

alpha：不透明度 CGFloat

superview 返回父视图 UIView

subv 返回子视图 NSArray

tag 为对象添加标签，使用viewWithTag方法来调用对象。注意tag一般都大于1000；integer。

三 UILabel

UILabel: 是UIView的子类，可以显示文本。它在APP中出现的次数是最多的。

属性：

text：用来显示文本的内容，使用字符串赋值。