01-UI基础-01-概述

#1、UIKit ##类结构图 UIKit类结构图

#2、可能用到的UI UI控件名称 | 中文名称 | | UI控件名称 | 中文名称 -- | -- | -- | -- | -- <font color=red >UIButton</font> | <font color=red >按钮</font> | | <font color=red >UIScrollView</font> | <font color=red >滚动的控件</font> <font color=red >UILabel</font> | <font color=red >文本标签</font>| | <font color=blue >UIPageControl</font>| <font color=blue >分页控件</font> <font color=red >UITextField</font> | <font color=red >文本输入框</font>| | <font color=red >UIImageView</font>| <font color=red >图片显示</font> UIProgressView | 进度条| | UISlider| 滑块 <font color=blue >UISwitch | <font color=blue >开关| | UISegmentControl| 选项卡 <font color=blue >UIActivityIndicator | <font color=blue >圈圈</font>| | <font color=red >UIAlertView</font> | <font color=red >对话框(中间弹框)</font> <font color=blue >UIActionSheet</font> | <font color=blue >底部弹框</font>| | <font color=blue >UITextView</font> | <font color=blue >能滚动的文字显示控件</font> <font color=red >UITableView</font> | <font color=red >表格</font>| | <font color=blue >UICollectionView</font> | <font color=blue >九宫格</font> <font color=blue >UIPickerView</font> | <font color=blue >选择器</font>| | <font color=blue >UIDatePicker</font>| <font color=blue >日期选择器</font>
<font color=blue >UIWebView</font> | <font color=blue >网页显示控件</font> | | UIToolbar | 工具条 <font color=red >UINavigationBar</font> | <font color=red >导航条</font>| | … | …

<font color=red >* 红色</font> 表明最常用,<font color=blue >蓝色</font> 代表一般,黑色代表几乎不用(这不是绝对的,仅供参考)

#3、UIView ##Inherits From Inherits From ##属性 ###1. alpha(视图的透明度)

// 完全透明
view.alpha = 0;
// 不透明
view.alpha = 1;

###2. clipsToBounds

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

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

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

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

// 默认为YES,如果设置为No,view就不能和用户交互了。(即不能响应事件)
view.userInteractionEnabled = NO;

###5. tag(标记)

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

###6. exclusiveTouch 默认为No exclusiveTouch的意义在于:如果当前设置了exclusiveTouch的UIView是整个触摸事件的第一响应者,那么到你所有的手指离开屏幕前其他的UIView是无法接受到整个事件周期内所有的触摸事件。

###7. CGRect frame

  1. 表示控件的位置和尺寸(以父控件的左上角为坐标原点(0, 0))
  2. 修改这个属性,可以调整控件的位置和尺寸

###8. CGPoint center

  1. 表示控件的中点(以父控件的左上角为坐标原点)
  2. 修改这个属性,可以调整控件的位置

###9. CGRect bounds

  1. 表示控件的位置和尺寸(以自己的左上角位坐标原点,位置永远是(0, 0))
  2. 修改这个属性,只能调整控件的尺寸

###10. CGAffineTransform transform

  1. 表示控件的形变状态(旋转角度、缩放比例)
  2. 创建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

#4、界面 ##1.界面文件 ###1.1 storyboard文件 描述软件界面,重量级,一般用来描述整个软件的所有界面。

###1.2 Xib文件 描述软件界面,轻量级,一般用来描述局部界面

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

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

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

###2.2 不同点

  • xib是轻量级的,用来描述局部的UI界面
  • Storyboard是重量级的,用来描述整个软件的多个界面,并且能展示多个界面之间的跳转关系
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值