01-UI基础-01-概述

时间 2019-11-17

标签基础概述繁體版

原文原文链接

#一、UIKit ##类结构图 html

* 红色 代表最经常使用，蓝色 表明通常，黑色表明几乎不用（这不是绝对的，仅供参考）app

#三、UIView ##Inherits From ##属性 ###1. alpha（视图的透明度）ide

// 彻底透明
view.alpha = 0;
// 不透明
view.alpha = 1;

###2. clipsToBounds函数

// 默认是NO，当设置为yes时，超出当前视图的尺寸的内容和子视图不会显示。
view.clipsToBounds = YES;

###3.hidden(是否可见)工具

// 默认是NO，当设置为yes，视图就看不见了。
view.hidden = YES;

###4.userInteractionEnabled(是否可响应事件)ui

// 默认为YES，若是设置为No，view就不能和用户交互了。（即不能响应事件）
view.userInteractionEnabled = NO;

###5. tag(标记)code

// 默认为0，用来标记视图的
view.tag = 0;

###6. exclusiveTouch 默认为No exclusiveTouch的意义在于：若是当前设置了exclusiveTouch的UIView是整个触摸事件的第一响应者，那么到你全部的手指离开屏幕前其余的UIView是没法接受到整个事件周期内全部的触摸事件。orm

###7. CGRect framehtm

表示控件的位置和尺寸（以父控件的左上角为坐标原点（0, 0））
修改这个属性，能够调整控件的位置和尺寸

###8. CGPoint center

表示控件的中点（以父控件的左上角为坐标原点）
修改这个属性，能够调整控件的位置

###9. CGRect bounds

表示控件的位置和尺寸（以本身的左上角位坐标原点，位置永远是(0, 0)）
修改这个属性，只能调整控件的尺寸

###10. CGAffineTransform transform

表示控件的形变状态（旋转角度、缩放比例）
建立CGAffineTransform的函数

// 建立一个x、y方向的缩放比例分别为sx、sy的形变值
CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)
// 建立一个旋转角度为angle的形变值
CGAffineTransformMakeRotation(CGFloat angle)
// 在形变值t的基础上，再进行缩放，x、y方向的缩放比例分别为sx、sy，而后返回一个新的形变值
CGAffineTransformScale(CGAffineTransform t, CGFloat sx, CGFloat sy)
// 在形变值t的基础上，再进行旋转，旋转角度为angle，而后返回一个新的形变值
CGAffineTransformRotate(CGAffineTransform t, CGFloat angle)

###11. superview(父视图) 返回当前视图的父视图。（只读） ###12. window(当前视图) 返回当前视图的窗口。（窗口）

获取根视图的superview和window时，须要注意，在viewdidload中是获取不到的，viewdidload只是视图加载完成，并无添加到窗口中，所以须要在viewDidAppear方法中才能获取到。那时候视图才被添加到窗口中。

- (void)viewDidLoad
{
    [super viewDidLoad]; 
    NSLog(@"%@",self.view.superview); // 没有值
    NSLog(@"%@", self.view.window); // 没有值
}
- (void)viewDidAppear:(BOOL)animated
{
    NSLog(@"%@",self.view.superview); // 有值
    NSLog(@"%@", self.view.window);  // 有值
}

###13.autoresizesSubviews 默认为YES，表示当父视图尺寸改变时，子视图也会随着改变。 ###14.autoresizingMask 默认为UIViewAutoresizingNone,不会自动伸缩。 ###15.contentMode 设置内容模式。

UIViewContentModeScaleToFill
不按照原宽高比例（长和宽不等比例增加）以任意比例填充。这样视图不会有空白，且内容能够所有显示。
UIViewContentModeAspectToFill
按照原长宽比例填充，不彻底显示所有内容。这样内容可能溢出，但整个视图不会留有空白。
UIViewContentModeAspectToFit 按照原长宽比例（长和宽等比例增加），彻底显示所有内容。这样容易照成左右或者上下留有空白。

###16.backgroundColor(背景颜色) 默认是nil。

// 设置背景颜色为红色
self.view.backgroundColor = [UIColor redColor];

###17.UIView经常使用添加子视图方法

//加一个视图到一个视图里面  
addSubview:  
//将一个视图移到前面  
bringSubviewToFront:  
//将一个视图推送到背后  
sendSubviewToBack:  
//把视图移除  
removeFromSuperview  
//插入视图 并指定索引  
insertSubview:atIndex:  
//插入视图在某个视图之上  
insertSubview:aboveSubview:  
//插入视图在某个视图之下  
insertSubview:belowSubview:  
//交换两个位置索引的视图  
exchangeSubviewAtIndex:withSubviewAtIndex:

##官方文档 https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIView_Class/index.html#//apple_ref/occ/cl/UIView

#四、界面 ##1.界面文件 ###1.1 storyboard文件描述软件界面，重量级，通常用来描述整个软件的全部界面。

###1.2 Xib文件描述软件界面，轻量级，通常用来描述局部界面

新建一个继承UIView的自定义view,假设类名叫（MyView)
新建一个MyView.xib文件来描述MyView内部的结构
修改UIview的类型为MyView类型
将内部的子控件跟MyView进行属性连线
为MyView提供一个模型属性
重写模型属性的set方法，将数据进行绑定
把模型数据拆开，分别设置数据到对应的子控件中
补充:提供一个建立MyView的类方法，将读取.xib文件的过程封装起来。

##2. 两种文件比较 ###2.1 共同点

用来描述软件界面
都用Interface Builder工具来编辑

###2.2 不一样点

xib是轻量级的，用来描述局部的UI界面
Storyboard是重量级的，用来描述整个软件的多个界面，而且能展现多个界面之间的跳转关系