1. UI编程概述
UI的本意是用户界面,是英文 User 和 Interface 的缩写。
UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。
好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、*,充分体现软件的定位和特点。
软件设计可分为两个部分:编码设计与UI设计。
从字面上看是用户与界面两个部分组成,但实际上还包括用户与界面之间的交互关系。
2. UIWindow
1> 概述
管理和协调应用程序的显示。
UIWindow 类是 UIView 的子类,可以看作是特殊的 UIView 。
一般应用程序只有一个 UIWindow 对象。
2> 自动创建流程
程序运行从 main() 函数开始执行 UIApplicationMain() 创建代理
加载配置文件 info.plist (Main Interface设置了程序的主入口)
根据 name 找到对应的 storyboard , 加载 storyboard
storyboard 会自动创建一个 UIWindow 对象
3> 手动创建流程
① 关闭 Main Interface 
② 在 AppDeletegate.m 的 application 方法中创建,创建代码如下:
// 1.创建UIWindow对象,并设置为屏幕的大小
// [UIScreen mainScreen].bounds 获取屏幕的大小
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; // 2.给window设置背景的颜色(白色)
self.window.backgroundColor = [UIColor whiteColor]; // 3.使window显示
// makeKeyAndVisible 将窗口设为主窗口并显示
[self.window makeKeyAndVisible]; // 4.为window设置根视图控制器(XCode7.0之后必须写)
// 创建视图控制器对象
ViewController *VC = [[ViewController alloc] init]; // 把VC设置为window的根视图控制器
self.window.rootViewController = VC;
4> 屏幕大小
iPhone4(s) : 320 * 480
iPhone5(s) : 320 * 568
iPhone6(s) : 375 * 667
iPhone6(s) Plus : 414 * 736
3. UIView
1> 概述
UIView 表示屏幕上的一块矩形区域。
它在App中占有绝对重要的地位。
因为iOS中几乎所有可视化控件都是 UIView 的子类。
负责渲染区域的内容,并且响应该区域内发生的触摸事件。
2> 功能
- 管理矩形区域里的内容
- 处理矩形区域中的事件
- 子视图的管理
- 实现UIView动画
UIView作为父类,子类也具有这些功能
3> 坐标系相关数据的类型
坐标:
struct CGPoint {
CGFloat x;
CGFloat y;
};
typedef struct CGPoint CGPoint;
大小:
struct CGSize {
CGFloat width;
CGFloat height;
};
typedef struct CGSize CGSize;
矩形:
struct CGRect {
CGPoint origin;
CGSize size;
};
typedef struct CGRect CGRect;
iOS 中使用 CGRect 类型确定矩形位置以及大小
CGRectMake() 函数可以帮我们快速构造一个 CGRect 变量。
4> UIView常用属性
// center 中心点
view1.center = self.window.center; // 设置view1居中
NSLog(@"x = %.2f, y = %.2f", view1.center.x, view1.center.y); // alpha 视图的透明度
view1.alpha = 0.9; // hidden
view1.hidden = NO; // superview
NSLog(@"%@", view1.superview); // subviews
NSLog(@"%@", self.window.subviews); // tag 唯一id
view1.tag = ; // 通过tag值查找view(在父视图上查找)
NSLog(@"%@", [self.window viewWithTag:]);
5> 父视图 和 子视图
使用 addSubview: 添加视图,要确定添加到谁上面。
被添加的视图称为子视图 , 添加到的视图称为父视图。
6> 添加视图
// 同一个父视图上，指定位置插入子视图
[view2 insertSubview:view4 atIndex:]; // 同一父视图上，将一个视图添加到另一个视图的上面
[view2 insertSubview:view5 aboveSubview:view4]; // 同一父视图上，将一个视图添加到另一个视图的下面
[view2 insertSubview:view3 belowSubview:view5];
7> 修改视图的层次关系
// 把指定的子视图移动到最前面
[view2 bringSubviewToFront:view4]; // 把子视图移动到最后面
[view2 sendSubviewToBack:view4]; // 交换两个指定索引位置的子视图
[view2 exchangeSubviewAtIndex: withSubviewAtIndex:]; // 把子视图从父视图移除
[view4 removeFromSuperview];
8> frame和bounds的区别
frame : 根据父视图坐标系来确定自己的位置
bounds : 该视图在自己坐标系的位置和大小
修改bounds并不会引起视图位置的变化 ，会影响自身子视图的位置
修改frame会引起视图位置的变化
3. 应用程序启动流程
1>main函数
任何一个程序,无论是基于Mac OS还是iOS,程序都是从main.m 文件的main函数开始执行的。
#import <UIKit/UIKit.h>
#import "AppDelegate.h" int main(int argc, char * argv[]) {
@autoreleasepool {
return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
}
}
2> UIApplicationMain
UIApplicationMain在程序入口函数main函数中调用,主要实现了3个功能:
① 创建应用程序(UIApplication)实例
② 创建应用程序代理(AppDelegate)实例
③ 建立事件循环(runloop:死循环,不断检测程序运行状态,是否被触摸、晃动等)
3> UIApplicationMain参数
int UIApplicationMain (
int argc,
char *argv[],
NSString *principalClassName,
NSString *delegateClassName
);
principalClassName:应用程序对象的类名(UIApplication或其子类)
delegateClassName:应用程序delegate的类名(任何接受了UIApplicationDelegate的类)
UIApplicationMain根据上述两个类名创建应用程序实例、应用程序代理实例。然后建立事件循环 (runloop),检测程序的各种事件 (程序开始启动,接收到触摸等等)
4> 应用程序代理
① 应用程序代理作用,根据应用程序传递过来的状态做出相应的处理。
② 应用程序的状态有很多,比如:程序启动、进入活跃状态、进到后台、内存警告、收到远程消息等等。
③ 任何接受了UIApplicationDelegate协议的对象都可以成为应用程序代理。
④ 一旦应用程序的某种状态触发,就会执行相应的代理方法。
