UI层复习笔记

在main文件中,UIApplicationMain函数一共做了三件事

  • 根据第三个参数创建了一个应用程序对象
    • 默认写nil,即创建的是UIApplication类型的对象,此对象看成是整个应用程序的一个抽象,负责存储应用程序的状态。
  • 根据第四个参数创建了一个应用程序代理类对象
    • 所谓代理,及帮助另一个对象做事情。上面第一步中创建的应用程序对象只负责存储应用程序的状态,但不提供响应,而是给代理发消息,由代理负责针对不同的状态提供响应。比如说:程序一启动,代理就要响应一下,说明弹出的第一个界面是谁。
    • 其中,就是传入一个类的类名字符串即可,此代理类对象一定是系统创建的,而且只有一个,也就是单利。其中AppDelegate class返回的是这个类的类型描述信息,在使用NSStrinFromClass这个函数,从类型信息中把类名以名字符串形式返回。
  • 第三件事,启动了事件循环
    • 一个背后运行的死循环,用于不停地检测屏幕上的触点事件,一检测到触摸事件,立即将此事件传给用用程序,让程序提供相应

如何搭建一个界面? – UIViewController

  • 作用:
    • 负责创建界面
    • 负责提供界面与用户的交互响应
  • 特点:
    • 天生自带一个视图属性,所有界面设计就是添加到这个视图即可。
  • 规范写法:
    • step1:创建一个类,继承自UIViewController
    • step2:在类中的viewDidLoad方法方法中,编写构建界面的代码
    • step3:在启动方法中,只需要将这个自定义的类创建出实例,作为window的根视图控制器即可
  • viewDidLoad方法的特点:
    • 此方法是控制器的那个view生命周期的起始点,即创建完view实例之后,第一个执行的方法,并且此方法只会调用一次
    • 除此方法外,view还会存在其他状态,如:viewWillAppear、viewDidAppear、viewWillDisappear、viewDidDisappear,这些方法会随着view的显示或隐藏而执行多次,但只要控制器没有销毁,view没有销毁过,则viewDidLoad方法只会调用一次

界面元素的基础 – UIView

iOS总结_UI层自我复习总结

  • 是什么?所有界面上看的见的东西都是UIView的子类,系统定义的一个通用的描述界面上某个可显示的矩形区域,一个重要的特性就是具备容器性,即UIView可以内部添加其它的UIView,除此以外它还能提供触点的响应。
  • 核心属性:
    • frame(框架,边框):用于描述这个视图在父视图中的位置及占据的区域大小
      1. CGRect结构提类型
        • 包含origin属性和size属性
        • origin:CGPoint类型的结构体
        • size:CGSize类型的结构体
        • CGRect包含四个浮点,两个存储x和y用于定位,两个存储width和height用于描述大小
    • 如何构建一个CGRect类型的结构体变量呢?
      • 使用一组函数即可,函数名规律是是:结构体类型名 + Make

        CGRect -> CGRectMake(x,y,w,h);

        CGPoint -> CGPointMake(x,y);

        CGSize -> CGSizeMake(w,h);

        UIEdgeInset -> UIEdgeInsetMake();

        特殊:UIRange -> UIMakeRange()

  • 有哪些子类?
    • UIWindow、UILabel都是UIView的直接子类,有一个特殊的分支叫UIControl,特殊之处在于有自己的高级事件,也管这个分支叫控件,UIButton、UITextField都是控件,但UILabel不是空间,虽然口头交流时经常误把很多不是空间的视图也称之为控件,但概念要清楚,只有UIControl的子类才能叫做控件。

UIView的几个子类:

  • UILabel 标签
    • 作用:显示文字
    • 核心属性:

      text: 类型NSString

      numberOflines:显示的行数,默认是1,如果设置为0,则代表行数无上限

      font:字体,字号

      textColor:文字颜色

      backgroundColor:背景色

      textAlignment:水平方向文本的对齐方式

  • UIButton 按钮
    • 作用:以文字或图片的样式提供给用户一个可点击并相应的区域
    • 核心属性:默认图文左右排
      1. 文字title:setTitle: forState:
      2. 图片image:setImage: forState 对于后缀是.png的图片省略后缀,其他的图片类型就需要加后缀名。
      3. 背景图backgroundImage: setBackgroundImage: forState
      4. 按钮有四个状态:normal(摆在那不动)、highlight(高亮状态,按下去不松手)、selected(选中状态,通过设置按钮的selected属性为YES才会进入到这个状态)、disable状态(不能用状态,通过设置按钮的enable属性为NO时进入此状态)
    • 创建事项:
      • 使用工厂方法创建按钮式,可以通过参数指定是系统版还是自定义版
      • 使用new或alloc init 方式创建的按钮,等价于传自定义版参数
      • 如何选择使用系统版,还是自定义版按钮呢?
      • 因为系统自带高亮,所有美工给一套图时,就选系统版
      • 如果美工给了两套图,就选择则自定义版
      • 自定义扮,title的文字颜色为白色,系统板时有默认颜色,title为蓝色
    • 核心事件:
      • 事件种类:touchUpInside
      • 如何添加对事件的响应:addTarget: action: forControlEvent
  • UITextField
    • 作用:接受输入
    • 核心属性:

      text属性:NSString类型。可读可写,读取就是获取输入的文字,给属性赋值,则文字会显示到文本框中

      键盘属性

      设置边框样式:borderStyle

      设置键盘样式:keyboardType

      设置键盘右下角按键的样式:returnType

      设置键盘整体色系风格:keyboardAppearance

      设置键盘是否是密码框:secureTextEnter

    • 核心事件:

插播知识点

iOS总结_UI层自我复习总结

[xxx copy]将长度可变的的复制成长度不可变的

[xxx mutableCopy]将长度不可变的复制成长度可变的

NSArray --> [NSArray NSmutableCopy] -->NSmutableArray

问题

字符串类型的属性是用什么修饰?

答案:使用copy修饰,因为有一种特殊情况,就是一旦将MutableString赋值给属性,一旦有其他的引用也指向这个可变字符串,就会有修改其内容的可能。这样的话,就会导致明明声明的是不可变长度的属性,会发生内容的改变。一旦用了copy修饰,则就算赋值一个可变长度的内容,也会先执行一次copy,将其拷贝成一份长度不可变的副本,让属性只想这个副本,就算有其他引用修改那个长度可变的字符串,也不会影响副本的内容。



  • 文本框

    • 键盘为什么弹起来?
      • 当有触点在文本框时,系统对这个触摸动作进行了响应,相应的结果就是让文本框成为第一响应者
      • [textField becomeFirstResponder 成为第一响应者 ,调用键盘
    • 如何收键盘?
      • 取消掉文本框的第一响应者身份即可
      • [textField resignFirstResponder]
    • 什么时候收键盘?
      • 情况一:点击屏幕的空白处:点击控制器的那个view
        • 实现控制器的 touchesBegan:方法即可
      • 如果有多个键盘:如果界面中有多个文本框,那么可以通过结束他们父视图的编辑状态方法
        • 批量关闭所有文本框弹起的键盘:[self.view endEditing:YES];
      • 情况二: 点击键盘右下角return按键
        • - (BOOL)textFieldShouldReturn:(UITextField *)textField
        • 右下角按键类型:returnKeyType
    • 密码框:secure
    • 提示性:placeHolder
  • 代理

    • 遵守协议
    • 实现协议中的方法
    • 设置委托方的代理人为当前对象
    • 代理方法的第一个参数,是委托方本身。
  • 懒加载

    • 也叫延迟加载,等到需要使用时才开辟空间创建对象
  • 消息框UIAlertContent

    • 作用:弹出提示,有两种样式,屏幕中间,屏幕底部
    • 如何解决样式?创建实例的时候,通过style参数,alert样式在屏幕中间,actionsheet在屏幕底部
    • addTextFieldWithConfigurationHandler:参数是 block ,在block中可以设置 alert帮我们创建 文本框
    • 数组中的 文本框 是 第四步 添加进来的文本框

      UITextField *usernameField = alert.textFields[0];

      UITextField *passwordField = alert.textFields[1];

  • 使用xib技术实现界面

    • 理念:将控制器中原本需要些大量代码进行构建界面的过程,通过一个后缀是xib的文件简化此操作。当再去创建控制器实例时,系统会通过读取xib文件,完成界面的创建。针对系统创建的这个视图,需要在控制器中访问时,可以通过连线的方式完成关联。
    • IBOutlet关键字:将控制器中的属性与界面中系统创建的某个视图关联在一起
    • IBAction关键字:键控制器中的方法与界面中系统创建的某个视图的时间关联在一起
  • 切换VC

    • A -> B:使用的是A控制器的presentViewController方法
    • B -> A:使用的是B控制器的dismissViewController方法
    • 注意A和B的声明周期:A推出B时,虽然看不见A了,但是A没有被摧毁,从B返回A时,B会被销毁,A从隐藏状态编程显示状态
  • 使用xib简化创建界面的过程

    • 如何实现
    • 借助于系统的Interface Builder 完成,IB以前是一款独立的软件,现在整合到xcode中, 只需要创建自定义的控制器时,勾选下面的“Also Creat Xib file”选项,则自动生成与控制器名相同,后缀为xib的文件,xib以前叫做叫nib
  • UIStepper 步进控件

    • 作用:记录一个浮点值,并且控件提供了两个按键界面,由用户精确地控制记录支个值得递增或递减
    • 核心属性:value
    • 核心事件:valueChanged
  • UISlider 滑块控件

    • 作用:记录一个浮点值,通过一个可以滑动的按键,快速在某个范围内得到一个不容易精确控制的数值
    • 核心属性:value
    • 核心事件:valueChanged
  • UISwitch 开关控件

    • 作用:记录一个布尔值,通过点击的方式,可以记录用户是否的选择
    • 核心属性:on(BOOL类型)
    • 核心事件:valueChanged
  • SegmentedControl 分段控件

    • 核心属性:selectedSegmentIndex
    • 核心事件:valueChanged
  • Activity Indicator 菊花控件

    • 核心属性:isAnimating
    • 核心方法:startAnimating stopAnimating
  • Progress 进度提示条

    • 核心属性:progress (0 ~ 1 浮点)
    • iOS总结_UI层自我复习总结

注意:浮点型和整形相比,永远也到不了1。浮点型精确到小数点后6位

  • NSTimer定时器

    • 作用:可以设置某方法,每个一段时间,自动执行
    • 如何创建并启动?
      • timerXXXXX : 创建好的定时器,不会自动启动,我们只有把该定时器添加到事件循环中
      • scheduleXXXX: 创建好定时器后,自动启动
  • DatePicker

    • 核心属性:date
    • 核心方法:日期格式化 HH - mm - ss yyyy - MM - dd

      iOS总结_UI层自我复习总结

  • PickView

    • 我们关注三问一答
      • 三问:(DataSource)
        1. 有多少列
        2. 每列有多少行
        3. 每行长什么样子
      • 一答:(delegate)
        1. 选中某行如何处理
  • UINavigationController导航控制器

    • 作用:为了管理多个控制器
    • 配置导航类(NavigationBar)
      • 高度:算上状态栏64个点(状态栏20个点)
      • 内容:通过navigationItem属性来完成设置
      • navigationItem设置的是每个界面上导航栏中的内容
      • 左:leftBarButtonItem/leftBarButtonItems
      • 中:title/title View
      • 右:rightBarButtonItem/rightBarButtonItems
      • 左右都是类似于可点击的按键,是UIBarButtonItem类型
    • 如果修改NavigationBar 的外观,该导航下所有子控制器都会改变
      • self.navigationController.navigationBar.tintColor = [UIColor redColor];
    • 配置工具栏(toolBar)
      • 位于导航界面的底部,默认是隐藏的,高度44个点,通过设置Navigation.toolBarHidden = NO 即可显示
      • toolBar中可以通过toolBarItem的属性,设置按键,位置不分左中右,可以用木棍,弹簧调整视图。
    • 设置导航控制器的titleColor
    • iOS总结_UI层自我复习总结
  • UIImageView

    • UIImage(存图片) -> UIImageView(显示图片的视图)
    • 核心:image
    • UIViewContentModeScaleToFill 默认,设置的宽高是多少,就是多少
    • UIViewContentModeScaleAspectFit 保持宽高比
    • UIViewContentModeScaleAspectFill 保证宽高比,可能图片会被切割掉
    • //裁剪 姿势图超出的部分

      iV.clipsToBounds = YES;

  • UIKit层面动画

    • 预备:动画 — 序列帧动画
      • 每一帧是一张静态的图片,按照一定间隔时间,快速连续播放,最终通过人眼的视觉停留效果实现的动画
  • UIScrollView滚动视图

    • 作用:用于查看更大范围的图片或文字内容信息的视图

    • 特点:虽然是视图,但本身scrollView没有外观,主要是通过加载子视图来完成的展示,内部子视图的区域可以大于scrollView占据的空间,通过滑动这种交互方式能够实现查看超出范围的那些子视图

    • 核心属性:

      frame 可视区域的大小

      contentSize 内容大小(可以滑动区域的大小)

      contentOffset 记录滑动的偏移量

      pagingEnabled 设置整页滑动

      showsHorizontalScrollIndicator 是否隐藏水平滚动条

      showsVerticalScrollIndicator 是否隐藏竖直滚动条

      bounces 是否有弹性效果

  • UIPageControl

    • 作用:页数的提醒
    • 外观:一条区域中包含多个小圆点
    • 核心属性:
      • numberOfPages 圆点的个数
      • currentPage 当前被选中的是第几个小圆点(下标从0开始)
      • pageIndicatorTintColor 设置未选中的圆点颜色
      • currentPageIndicatorTintColor 选中圆点的颜色
      • userInteractionEnabled 是否与用户交互
    • 与ScrollView配合页数移动方法:
      • 在scrollView的协议方法中
<code>- (void)scrollViewDidScroll:(UIScrollView *)scrollView<br/>
{<br/>
    NSInteger currentPage = scrollView.contentOffset.x / scrollView.frame.size.width + 0.5;<br/>
    self.pageControl.currentPage = currentPage;<br/>
}<br/>
</code>
  • UITableView表示图

    • 作用:实现以一列多行来显示大量数据的一种视图,父类是ScrollView
    • 表格样式
      • 普通样式:plain
      • 分区样式:group
    • 表示图的样式
    • 表示图的使用
      1. 创建实例
      2. 设置frame
      3. 添加到父视图中
      4. 设置数据源方法 三问
      5. 设置代理 一答
  • UITableViewController表示图控制器

    • 特点:
      • 继承自UIViewController,天生自带一个UITableVIew属性,通过tableView属性访问即可,此表示图的dataSource和delegate代理已经被设置为当前的表示图控制器,并且表示图控制器也已经遵守了UITableView和UITableViewDelegate协议
    • 使用:
      • 在使用上,在创建一个类继承UITableViewController,只需关注三问一答即可
  • cell的复用

    • 方式一:
      1. 原理:系统会自动将那些超出屏幕,看不见的对象回收到tableView的一个空闲队列中存储,所有在回答第三问,需要一个cell对象时,看有没有已经回收的,可以拿出来使用的cell对象,如果没有取到可重用的cell,我们就创建一个,如果取到了可重用的cell,我们就使用cell对象,但是要重新设置cell的显示内容
    • 方式二:
      1. 原理:系统会自动将那些超出屏幕,看不见的对象回收到tableView的一个空闲队列中存储,所有在回答第三问,需要一个cell对象时,看有没有已经回收的,可以拿出来使用的cell对象,如果没有取到可重用的cell,系统会按照我们之前注册的cell帮我们创建一个cell,如果取到了可重用的cell,我们就使用cell对象,但是要重新设置cell的显示内容
    • UITableViewCell的组成:
      • 内容视图:
        • 系统版:已经提供了三个可用的空间,用于显示文字或图片,可以通过cell的属性进行设置 cell.textLabel cell.detailTextLabel cell.imageView

        • 样式有四款系统版:

          1. UITableViewCellStyleDefault

            iOS总结_UI层自我复习总结

          2. UITableViewCellStyleValue1

            iOS总结_UI层自我复习总结

            如果没有图片iOS总结_UI层自我复习总结

          3. UITableViewCellStyleValue

            iOS总结_UI层自我复习总结

          4. UITableViewCellStyleSubtitle

            iOS总结_UI层自我复习总结

        • 自定义内容视图:

          • 自定义内容驶入需要通过单元格的contentView属性,找到contentView,然后往其上面添加自己的视图cell.contentView addSubview:

            视图

          • 系统版:通过cell.accessoryType属性设置
          • 四款:
          • 自定义版
          • 给cell的accessoryView复制一个自己创建的视图cell.accessoryView = 自定义视图
  • 表格结合各种数据模型的显示

  • step1:一定要为表示图控制器增加一个属性,存储表格要显示的数据,基本上类型定为数组类型

    • 前提:表格的行数是不定的,也叫动态表格
    • 将数组显示到表格中:NSArray -> TableView
    • 将对象数组显示到表格中
      • 自定义一个数据模型类 Model(M)

  • self.tableView.tableFooterView:在viewDidLoad中直接设置表尾视图

  • self.tableView.tableHeaderView:在viewDidLoad中直接设置表头视图

  • self.tableView.rowHeight:设置行高 都设置行高

  • heightForRowAtIndexPath::设置行高的代理方法

  • 向表格中添加数据

    • 方式一: 全部刷新 reloadData
    • 方式二: 局部刷新
      • NSIndexPath *indexPath = [NSIndexPath indexPathForRow:self.dataArr.count - 1 inSection:0]; 在使用前,一定要先将插入的数据插入到数组
      • [self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationTop];
  • 委托反向传值增加数据

  • 代理传值

  • 表格的编辑模式

    • 什么是表格的编辑?
    • 表格上提供了删除,增加,移动这样的标识,点击后可以实现表格中的数据删除,增加以及移动
  • 如何进入到表格的编辑状态

    • 设置表格的editing为YES即可
  • 如何增加或删除®

    • 两问一答
    • 问一:当前行是否可以编辑(选问,默认是所有都能编辑)
    • canEditRowAtIndexPath:
    • 问二:当前行是如何编辑<增加,删除>(选问,默认都是删除)
    • editingStyleForRowAtIndexPath:
    • 答一:增加或删除编辑按键点中时应该如何处理
    • commitEditingStyle: forRowAtIndexPath:
  • 如何移动表格中的单元格

    • 一问一答
    • 一问:当前行是都可以移动
    • 一答:移动动作完成后如何处理后续工作

  • performSelector: withObject: afterDelay: 延迟多久调用什么方法

  • 静态表格 行数固定不变

    • 主要应用场景:设置界面
    • 实现特点:控制器中会出现大量的硬编码,会有很多的if switch 这样的分支语句
  • 下拉刷新 UIRefreshControl 的实例进行下拉刷新


  • UICollectionView集合视图

    • 视图可以一多行多列的形式来展示数据,是从tableView演变而来,所以在使用上,与tableView很想,从iOS6以后开始支持
    • 与tableView的异同点
  • 相同点:

    • UITableView 关注三问一答(几个分区,每个分区多少行,每行什么样子)
    • UICollectionView 关注三问一答(几个分区,每个分区多少项,每项什么样子)
  • 不同点:

    • UITableView
      • 默认自带了用于显示数据的三个视图 textLabel,detailTextLabel,imageView
      • 布局:系统定义好,永远是一列多行,从上到下,按顺序依次排列
    • UICollectionView
      • 不带有任何系统定义好的用于显示数据的视图,只能访问以下几个属性
        • backGroundColor,backGroundView,contentView
      • 布局:需要搭配一个独立的对象来对视图中的多各项进行布局
      • 布局对象:所属类型为UICollectionViewLayout或其子类,系统只给我们提供一种布局,UICollectionViewFlowLayout(流式布局)继承自UICollectionViewLayout
  • UITabBarController选项卡控制器

    • 以横向并列卡片式,来管理多个控制器,并已经实现了点击后的切换,和UINavigationController很想都是管理子控制器的,但不同的是导航控制器是层层推进的
  • tabBarController.viewControllers = @[avc,bvc,cNavi];

  • 设置当前是第几页:tabBarController.selectedIndex = 1;

  • BViewController *bVC = tabBarController.viewControllers[1];

  • bVC 传值;

  • self.tabBarController.tabBar.tintColor = [UIColor purpleColor];

  • self.tabBarItem.image = [[UIImage imageNamed:@"line_bell"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]一个永远不受tintColor影响的图片


故事版

  • 特点:快速开发,并可以在故事版文件了解整个应用程序的界面结构

  • 启动时,系统自动做了什么?

    • 根据target中配置加载Main.stroyboard文件
    • 自动创建window对象
    • 自动创建在故事版中有启动箭头指向的那个界面背后控制器对象
    • 自动将控制器对象设置为window的rootViewController
    • 自动将window显示出来
  • 跳转

    • 连线跳转:从一个触发跳转的控件或场景(故事版看得见界面)连线到要跳转到的目标控制器
    • 连线:segue 每条线都是一个对象
  • 明确跳转源头

    • 明确知道跳转是哪个控件触发的,实现方式,无需写代码,直接连线
  • 不明确跳转源头:

    • 场景中触发跳转的控件可能是使用代码创建的,场景中条船到下一个场景的控件不明确,这些情况都是不明确跳转源头的,实现跳转的方式,选中源场景中的小黄点,连线到目标场景,选中自动生成的线,在第四个检查器中,identifier属性,为这根线起一个标识,最后在代码中,通过控制器调用performSegueWithIdentifier + 线的标识,完成触发这一次跳转动作
  • 跳转到故事版中一个独立的场景

    • 先给独立的创景在第三个检查器中,设置storyboardID

      在想要跳转时利用故事版的instantiateViewControllerWithIdentifier方法根据storyboardID创建对应的控制器对象

  • 使用present或push跳转即可

    • 跳转其他xib的控制器
    • 跳转到其他故事版的场景中
  • 传值 prepareForSegue:

    使用这个方法跳转时,需要拦截下来segue对象,

    找到segue对象的目标控制器segue.destinationViewController

    如果目标控制器是一个导航控制器,还需要使用navi.viewControllers[0]找到目标控制器下的跟控制器

    如果当前控制器有两条先,需要进行判断

    <code>-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender<br/>
    {<br/>
    	UINavigationController *navi = segue.destinationViewController;<br/>
    	RegisterViewController *registerVC = navi.viewControllers[0];<br/>
    	registerVC.delegate = self;<br/>
    }<br/>
    </code>

  • viewController的属性,隐藏控制器中所有Bar:hideBottomBaronPush
  • 9 切片
    • 目的:改图,使用代码的方法或直接使用xcode的功能,对一些有规律的 或 内容重复的图片进行动态的修改大小

  • 通过代码实现9切片

    • image = [image stretchableImageWithLeftCapWidth:30 topCapHeight:30]; :这个是拉伸处理
    • image = [image resizableImageWithCapInsets:UIEdgeInsetsMake(20, 20, 20, 20)];:默认是磁块平铺
    • image = [image resizableImageWithCapInsets:UIEdgeInsetsMake(20, 20, 20, 20) resizingMode:UIImageResizingModeTile];
  • 返回值都是返回一个图片,需要用一个新的图片来接受

  • 第二部分

  • 绘图:(绘制图片 绘制字符串 绘制图形)

  • 变形:(位移 旋转 缩放)

  • UITouch

  • 手势:(点击 双击 轻扫 拖拽 长按 捏合 旋转)

  • 深入坐标系(frame bounds center transform)

  • 动画:核心动画 CoreAnimation (CA动画)

  • 布局:(代码 AutoResing AutoLayout SizeClasses)

  • 通知

  • 聊天页面练习

  • 绘图:

  • 基本概念:

    图像和显示器.显示器如何显示内容?

    由晶体组成->发RGB的光,混合后产生不同的颜色

    整个显示器显示的就是一副好多个彩色的点构成的图像

    一个点对应就是一个像素,用4个字节保存,系统会自动将临近的4个点使用一个平均色来记录,于是图像的大小就变成了原来的1/4

  • 图像

    内存中的图像有2种:

    • 位图(点阵图)用RGB来生成(PNG,JPG)
      • PNG 带透明通道,iOS开发尽量使用PNG,IPG会自动渲染回PNG
    • 矢量图,保存的不是点,记录的是生成图像的公式及函数,放大,缩小时不会失真(多用于广告,海报)
  • 如和绘图

    1. OC对象与图形的转换
      • Core Graphics(核心绘图) 一套C语言的函数库
      • 另外一个名字:Quart2D 苹果设备(iOS.OSX)上的2D的绘图引擎
    2. 为了使用方便,系统对CoreGraphice做了一些封装,直接使用UIKit下面的UIImage UIColor NSString UIBezierPath 类型也可以实现简单的曲线

  • UITouch触摸

  • 什么是触摸:是一个UITouch类型的对象,当用户touch视图时,会自动将触碰物理性的动作,转换成对象存储起来,这个对象就是UITouch对象

  • 如何获取touch对象

    • 情况一:自定义视图类,重写类中指定方法,在这个方法中,通过传入的参数可以获得touch对象
    • 情况二:对于触碰控制器自带的View,在控制器中重写指定方法,通过参数也可以获得touch对象
    • touchBegan touchMove touchesEnded
  • 手势

  • 将用户物理性的触屏操作转变成了对象存储起来,所有手势的父类UIGestureRecognizer

  • 系统将一些有特点的触屏操作封装了不同的手势类型,包括以下几种:

    • UITapGestureRecognizer 点击
    • UISwipeGestureRecognizer 清扫
    • UILongPressGestureRecognizer 长按
    • UIPanPressGestureRecognizer 拖拽
    • UIPinchPressGestureRecognizer 捏合
    • UIRotationPressGestureRecognizer 旋转
  • 如何使用手势?

    1. 创建指定手势对象,在创建时设置好当该手势发生时系统会自动调用什么方法
    2. 设置手势的核心属性
    3. 将创建好的手势添加到某个视图上,当用户在该视图上做了手势对应的动作,手势就会触发
  • Tap手势 ( 点击 )

    • 核心属性:
      1. numberOfTapsRequired 需要点击几次
      2. numberOfTouchesRequired 需要几个点
      3. numberOfTouches 返回有几个点点击
  • Swip手势(轻扫)

    • 核心属性
      1. direction 清扫方向


    以下的手势 和 前面两个不一样,前面两个是一次性手势,手势触发一次,只调用一次时间方法,下面手势是由状态,不同状态都会调用时间方法,有以下状态:

  • 手势触发时: 起始状态

  • 手势移动式: 改变状态

  • 手势结束时: 结束状态

  • LongPress手势(长按)

    • 核心属性
      1. minimumPressDuration 长按所需最小时间
  • Pan(拖拽)

    • locationInView:获取的是父视图的绝对位置
    • translationInView: 获取的是相对于手势开始时的相对位置 (是相对位置)△x △y
  • Pinch手势(捏合)

    • 核心属性:velocity 缩放速率
    • scale 缩放比例
  • Rotation旋转

    • 核心属性:rotation
  • 变形

    • 什么时变形:视图发生了位移,旋转,缩放这样的变化叫做变形,如何实现视图的变形.通过修改视图的transform属性,就能完成变形
    • tranform
      • 类型:CGAffineTransform 结构体类型
      • 该结构体中包含了9个值,是一个3*3的矩阵,矩阵的对角线上是三个定值不会发生变化,剩下的6个变量是控制变形的,可以借助系统提供的API实现数值的改变
    • rotation:旋转
      • CGAffineTransformMakeRotation
      • CGAffineTransformRotation
    • scale:缩放
      • CGAffineTranformMakeScale
      • CGAffineTranformScale
    • translation:位移
      • CGAffineTranformMakeTranslation
      • CGAffineTranformTranslation
    • 带make的函数 都是相对于初始状态
    • 不带make是在变形基础上继续位移
    • CGAffineTransformIdentity给transform属性赋值该常量,里面所有属性全部清空
  • 手势加变形

    • pan手势:位移
    • rotation手势: 旋转
    • pinch手势:缩放
    • tap手势:取消所有变形效果
  • 手势共存

    • 需要哪个手势共存 只要设置该手势的代理人 为当前对象即可
    <code> -(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer<br/>
    </code>
    • 返回一个BOOL值,为YES即可.

清空所有变形 [sender setTranslation:CGPointZero inView:self.view];

  • 深入坐标系
  • frame:
    • CGRect类型
    • 作用:定位,视图的坐定点在父视图坐标系对应点的坐标,以及视图在父视图中占据了多大的空间
  • bounds
    • CGRect类型
    • 作用:描述了视图自身的坐标的顶点的值,以及视图自身的尺寸大小
  • center
    • CGPoint类型
    • 描述视图的中心点在父视图坐标系的坐标位置
  • transform
    • CGAffineTransform类型
    • 描述视图的变形状态
frame bounds center transform
frame 改变原点:不变;改变大小:变
bounds 改变原点:不变;该大小:变 不变 不变
center 不变 不变
transform 不变 不变 不变

iOS总结_UI层自我复习总结


  • CoreAnimation层面动画

    • CALayer层(显示的基础)
      • backgroundColor : 设置背景颜色
      • borderWidth : 设置边宽
      • cornerRadius : 设置圆角半径
      • borderColor : 设置边的颜色
      • shadowColor : 设置阴影颜色
      • shadowOffset : 设置阴影偏移量
      • shadowOpacity : 设置阴影的透明度 默认为零 opacity 只会修改自己``alpha 改变父视图,会带着子视图一起变化
      • shadowRadius : 设置阴影的半径
      • layer.masksToBounds : 按边缘进行遮罩
      • position 位置 (默认是0,0点)
      • anchorPoint 锚点 (默认是 0.5,0.5)
    • UIView核心的显示功能就是依赖底层的CALayer实现的,每一个UIView都包含了一个CALayer对象,修改了CALayer,会影响显示出来的UIView外观
  • 如何获取CALayer

    • 所有视图都有CALayer的属性,通过.layer即可获取
    • 自己创建CALayer对象,添加到视图的layer中
    • 图片CALayer
      • 给contents赋值即可
    • 文字CATextLayer
      • 给string属性赋值即可
    • 图形CAShapeLayer
      • 给path属性赋值CGPath对象
  • 变形

    • 旋转按照锚点旋转
    • CATransform3D类型
  • 一个角度转弧度的宏

    #define angleToRadian(x) (x) / 180.0 * M_PI

  • CADisplayLink定时器

    • 用 displayLinkWithTarget 类方法创建
    • 需要加到运行循环中 RunLoop
    • [_link addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSDefaultRunLoopMode];
    • displayLink定时器中有一个暂停的属性paused.默认是NO
  • CALayer的很多属性都有隐式动画,在修改属性时,会自动出现动画效果,可以通过查看头文件中,属性上出现了 animatable这样的说明,意味着该属性有隐式动画

  • CAAnimation动画

    • CA的动画,只能施加在CAlayer上
    • CA动画是假的,视图看着好像位置改变了,但其实没有变
    • UIView动画,由于明确了设定了动画的结束视图的状态,所以使徒的数据会随着动画的结束而真的被改变
  • CAAnimation 子类

    • 子类一:CABasicAnimation 基础动画,设置动画的其实和中点值即可
    • 一定要设置keyPath属性,以此说明动画要修改的是什么
    • keyPath
    • toValue 要用NSValue转换一下
    • repeatCount 重复次数
    • autoreverses BOOL值 是否回去
    • anim.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 400)];
    • duration 设置时长
    • anim.removedOnCompletion = NO;动画结束时,是否把动画从视图上移除
    • anim.fillMode = kCAFillModeForwards;将视图固定在动画结束时 的位置,还需要配合该属性使用——这个方法要和上面的方法配合使用
      • kCAFillModeBackwards在动画开始前,只需要将动画加入一个layer,layer便立即进入到动画的初始状态并等待动画的运行

      • kCAFillModeBoth 开始和结束的两种状态都有

      • kCAFillModeRemoved 这个是默认值,也就是说动画开始前和动画结束后动画对layer都没有影响,动画结束后layer会恢复到之前的状态

      • kCAFillModeForwards 在动画结束时,layer停留在动画的结束状态

      • 子类二:CAKeyframeAnimation 关键帧动画

        • 关键帧动画,可以定义动画过程中的细节,所以可以通过values属性,记录中间变化的每一个关键的细节,在每两个关键点中自动做动画
      • 子类三:CAAnimationGroup

        • 动画组中需要的是CAAnimation,组中动画可以同时运行
        • positionAnima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];:动画组的线性函数

  • 布局(Layout)

    • 什么是布局:是指在一个视图中,如何摆放它的子视图(设置子视图的位置和大小)
    • 为什么要用布局:屏幕的尺寸经常会发生变化,使得屏幕可显示的区域也发生变化,于是最开始添加子视图的frame,在新的区域下就不再适用了,需要进行调整,也就是需要重新布局
    • 可能导致屏幕大小发生变化的原因:
      1. 设备不同(3.5寸下的横竖屏,4寸下横竖屏,4.7寸下的横竖屏,5.5寸下横竖屏)
      2. 各种bar:
        • NavigationBar 竖屏是高64个点(20是状态栏),横屏是(52个点)没有状态栏;
        • toolBar 竖屏是高44个点,横屏是32个点
        • tabBar 49点
      3. 状态栏: 隐藏
        • 来电时:绿色的状态栏
        • 录音时:红色的状态栏
        • 开启个人热点:蓝色的状态栏
      4. 键盘
  • 如何布局:

    • 纯代码布局(古老的方法)

      – 理念:当屏幕发生变化时,自动执行一段代码,在代码中根据新的屏幕大小重新计算

<code>//此方法是重写父类的方法 在屏幕内容从无到有会自动执行<br/>
//在屏幕旋转时,也会自动执行<br/>
-(void)viewDidLayoutSubviews<br/>
{<br/>
//self.topLayoutGuide.length 顶部被占据的高度<br/>
//self.bottomLayoutGuide.length  底部被占据的高度<br/>
};<br/>
</code>
  • AutoResizing 布局

    – 是什么? iOS5之前自动布局技术,操作简单,API简单,功能也简单,有一定的局限性,很以前的技术

    – 核心理念:当视图发生变化时,


  • AutoLayout(自动布局)
    • 在iOS10以前配合SizeClasses技术完成屏幕的适配工作
    • 工作原理:通过一些类的”约束constraint”来描述视图的展示位置
    • 什么是约束?代表一个条件,只需要设定一些约束,则系统就会根据这一堆约束,自动计算符合约束的frame
    • 如何创建约束?
      • 方式一:用代码创建
      • 方式二:在stroyBoard中 或 xib中可视化配置
    • 约束的两个原则:
      • 1.描述清楚(x,y,w,h)
      • 2.约束不能冲突
    • 约束对象:每一个约束条件都是一个约束对象
    • 方法一:万能公式法
      • 任何一个是视图的约束都可以由下面的等式描述出来,就是要把文字性的描述编程等式中的参数
    • 方法二:VFL法(Visual Format Language
      • 是一个字符串,具有一定的格式,不同的格式代表不同的约束,并且一个字符串,往往能一次性表达出多个约束
      • VFL特殊符号的含义:
      • | 代表父视图的边缘
      • H:| 代表父视图的左边
      • V:| 代表父视图的顶部
      • [] 代表一个子视图(控件)
      • () 条件
      • -x- 代表间隔为x
        • 代表间隔为标准间隔 8

  • 通知:完成对象之间的消息传递(观察者模式)
  • 实现的核心理念:
    • 通知的发送发不知道接收方是谁,是需要将通知发给通知中心即可
    • 通知的接收方不知道发送方是谁,只需要提前向通知中心订阅一个通知即可
    • 一单通知的发送发真的发出了通知,则由通知中心负责将这个通知推送给所有订阅了该通知的对象们
  • 应用:跨界面传值;系统之间的事情,键盘弹起等
  • 与代理方式对比:
    • 代理只是两个对象之间,私密的消息的传递
    • 通知可以是一个对象对多个对象的消息传递,但彼此并不知道对方是谁
  • 核心对象
    • 通知中心:NSNotificationCenter (单例,系统自己创建好的)
    • 通知 NSNotification
  • 自定义通知
    • 自己写通知的发送方以及接收方
  • 系统提供的通知: 键盘通知
    • 系统通知,系统会在适当的时候自己发通知,如果我们需要接受,只需要向通知中心注册即可,也就是说我们只需要实现接收方就可以了
    • 接受键盘通知:
      • 键盘将要显示 UIKeyboardWillShowNotification
      • 键盘已经显示 UIKeyboardDidShowNotification
      • 键盘将要隐藏 UIKeyboardWillHideNotification