UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout

1、在Mac OS中NSWindow的父类是NSResponder,而在i OS 中UIWindow 的父类是UIVIew。程序一般只有一个窗口但是会又很多视图。

2、UIView的作用:描画和动画,视图负责对其所属的矩形区域描画、布局和子视图管理、事件处理、可以接收触摸事件、事件信息的载体、等等。

3、UIViewController 负责创建其管理的视图及在低内存的时候将他们从内存中移除。还为标准的系统行为进行响应。

4、layOutSubViews 可以在自己定制的视图中重载这个方法,用来调整子视图的尺寸和位置。

5、UIView的setNeedsDisplay和setNeedsLayout方法。首先两个方法都是异步执行的。而setNeedsDisplay会调用自动调用drawRect方法,这样可以拿到UIGraphicsGetCurrentContext,就可以画画了。而setNeedsLayout会默认调用layoutSubViews,就可以处理子视图中的一些数据。

宗上所诉,setNeedsDisplay方便绘图,而layoutSubViews方便出来数据

延伸:

当我们自定义UI控件时,需要重写一些方法:

UIView控件只是一个矩形的空白区域并没有任何内容。iOS应用的其他UI控件都继承了UIView这些UI控件都是在UIView提供的空白区域上绘制外观。

基于UI控件的实现原理开发者完全可以开发出项目定制的控件——当iOS系统提供的UI控件不足以满足项目需要时开发者可以通过继承UIView来派生自定义控件。

当开发者打算派生自己的UI控件时首先定义一个继承View基类的子类然后重写View类的一个或多个方法通常可以被用户重写的方法如下。

initWithFrame:前面已经见到程序创建UI控件时常常会调用该方法执行初始化因此如果你需要对UI控件执行一些额外的初始化即可通过重写该方法来实现。

initWithCoder:程序通过在nib文件中加载完该控件后会自动调用该方法。因此如果程序需要在nib文件中加载该控件后执行自定义初始化则可通过重写该方法来实现。

drawRect:如果程序需要自行绘制该控件的内容则可通过重写该方法来实现。

layoutSubviews如果程序需要对该控件所包含的子控件布局进行更精确的控制可通过重写该方法来实现。

didAddSubview:当该控件添加子控件完成时将会激发该方法。

willRemoveSubview:当该控件将要删除子控件时将会激发该方法。

willMoveToSuperview:当该控件将要添加到其父控件中时将会激发该方法。

didMoveToSuperview当把该控件添加到父控件完成时将会激发该方法。

willMoveToWindow: 当该控件将要添加到窗口中时将会激发该方法。

didMoveToWindow当把该控件添加到窗口完成时将会激发该方法。

touchesBegan:withEvent:当用户手指开始触碰该控件时将会激发该方法。

touchesMoved:withEvent:当用户手指在该控件上移动时将会激发该方法。

touchesEnded:withEvent:当用户手指结束触碰该控件时将会激发该方法。

touchesCancelled:withEvent:用户取消触碰该控件时将会激发该方法。

当需要开发自定义View时开发者并不需要重写上面列出的所有方法而是根据业务需要重写上面的部分方法。例如下面的跟随手指运动的小球示例程序就只重写drawRect:方法。

实例:跟随手指运动的小球

为了实现一个跟随手指运动的小球示例我们考虑开发自定义的UI控件这个UI控件将会在指定位置绘制一个小球这个位置可以动态改变。当用户通过手指在屏幕上拖动时程序监听到这个手指动作并把手指动作的位置传入自定义UI控件然后通知该控件重绘即可。

首先创建一个Single View Application然后通过该应用的项目导航面板打开Main.storyboard文件选中Dock区内唯一场景内的View Controller节点或选中界面布局文件中的根UI控件UIView也就是界面中大块的丶右上角有个电池图标的白色矩形区域然后按下键盘上的command+option+3快捷键打开Xcode的身份检查器通过身份检查器可以看到该界面布局文件的根UI控件的实现类是UIView如图9.38所示。

该应用并不打算使用默认的UIView作为根控件因此将图9.38所示对话框中Class文本框内的实现类改为FKCustomView这表明程序将使用FKCustomView作为界面设计的根控件。

接下来程序需要开发自定义的FKCustomView类其步骤如下。

①用鼠标右键单击项目文件夹然后单击“New File”菜单项Xcode弹出如图9.39所示的对话框。

图9.38 通过身份检查器面板管理UI控件的实现类

图9.39 创建objective-C类

②在图9.39所示对话框的左边选中iOS分类下的Cocoa Touch然后在对话框右边选中“objective-Cclass”列表项后单击“Next”按钮系统显示如图9.40所示的对话框。

图9.40  确定类名和父类

③在图9.40所示的对话框中输入类名选择父类之后单击“Next”按钮Xcode将会显示一个保存文件夹用于确定新创建文件的存储路径。选择合适的路径后单击“Create”按钮即可创建一个新的objective-C类。

下面是自定义控件类实现部分的代码接口部分仅仅只是继承UIView即可。

程序清单codes/09/9.5/CustomView/CustomView/FKCustomView.m

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
#import
"FKCustomView.h"
@implementation
FKCustomView
//
定义两个变量记录当前触碰点的坐标
int curX;
int curY;
-
(
void)
touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    //
获取触碰事件的UITouch事件
    UITouch
*touch = [touches anyObject];
    //
得到触碰事件在当前组件上的触碰点
    CGPoint
lastTouch = [touch locationInView:self];
    //
获取触碰点的坐标
    curX
= lastTouch.x;
    curY
= lastTouch.y;
    //
通知该组件重绘
    [self
setNeedsDisplay];
}
//
重写该方法来绘制该UI控件
-
(
void)drawRect:(CGRect)rect
{
    //
获取绘图上下文
    CGContextRef
ctx = UIGraphicsGetCurrentContext();
    //
设置填充颜色
    CGContextSetFillColorWithColor(ctx,
[[UIColor redColor] CGColor]);
    //
以触碰点为圆心绘制一个圆形
    CGContextFillEllipseInRect(ctx,
CGRectMake(curX - 10, curY - 10, 20, 20));
}
@end

上面的程序自定义了UIView的子类FKCustomView该子类重写了drawRect:方法该方法的逻辑很简单它仅仅只是以触碰点为圆心绘制一个圆形。除此之外该自定义UIView子类还重写了touchesMoved方法每当用户触碰该组件时程序就会将触碰点的坐标赋给curX丶curY两个变量并通知该控件调用drawRect:方法来重绘自身。这样即可保证每当用户触碰该控件时该控件总会在触碰点绘制一个红色圆形。

编译丶运行该程序即可看到如图9.41所示的效果。

UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout的更多相关文章

  1. 【转】 UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout

    原文:http://blog.sina.com.cn/s/blog_923fdd9b0101b2b4.html 1.在Mac OS中NSWindow的父类是NSResponder,而在iOS 中UIW ...

  2. setNeedsDisplay setNeedsLayout

    setNeedsDisplay调用drawRect方法来实现view的绘制,而setNeedsLayout则调用layoutSubView来实现view中subView的重新布局 转自  http:/ ...

  3. iOS刨根问底-深入理解RunLoop

    开源的RunloopRef 通常所说的RunLoop指的是NSRunloop或者CFRunloopRef,CFRunloopRef是纯C的函数,而NSRunloop仅仅是CFRunloopRef的OC ...

  4. ios实例开发精品文章推荐(8.13)

    提示用户对产品进行评价 http://www.apkbus.com/android-137752-1-1.html设置UILabel和UITextField的Insets http://www.apk ...

  5. app优化篇

    UIImageView高效加个圆角 一般通过clipsToBounds和layer.cornerRadius会强制Core Animation提前渲染屏幕的离屏绘制,影响性能. 通过贝塞尔曲线切割图片 ...

  6. runloop事件、UI更新、observer与coranimation

    一.触摸事件派发与视图绘制打包 __CFRUNLOOP_IS_CALLING_OUT_TO_A_SOURCE0_PERFORM_FUNCTION__ __dispatchPreprocessedEve ...

  7. Quartz2D复习(三) --- 涂鸦

    和上一篇手势解锁不一样,手势解锁只画了一条路径,从触摸开始-->触摸移动-->触摸结束 ,然后路径完成了,渲染出来就是手势解锁了: 这次涂鸦想做到的效果是可以画很多次线段或弧,每次又可以设 ...

  8. IOS之笑脸app

    ios笑脸app实现 import UIKit @IBDesignable class FaceView: UIView { @IBInspectable var lineWidth:CGFloat= ...

  9. Swift -- 官方文档Swift-Guides的学习笔记

    在经历的一段时间的郁闷之后,我发现感情都是虚伪的,只有代码是真实的(呸) 因为看了swift语法之后依然不会用swift,然后我非常作死的跑去看官方文档,就是xcode里自带的help>docu ...

随机推荐

  1. 038——VUE中组件之WEB开发中组件使用场景与定义组件的方式

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. POJ 1426 Find the Multiple 思路,线性同余,搜索 难度:2

    http://poj.org/problem?id=1426 测试了一番,从1-200的所有值都有long long下的解,所以可以直接用long long 存储 从1出发,每次向10*s和10*s+ ...

  3. L175 Endorestiform Nucleus: Scientist Just Discovered a New Part of the Human Brain

    The newly named Endorestiform Nucleus sits in the inferior cerebellar小脑 peduncle, at the junction be ...

  4. Linux:LNMP架构的搭建

    LNMP架构的搭建 centos6.8-i686 MySQL PHP Nginx 搭建前先安装一些必要的rpm和php组件(全新系统) yum install -y wget gcc vim* lib ...

  5. Winform菜单之Menustrip

    有窗体必定有菜单了,可以直接使用菜单组件,也可以使用按钮(按钮就没法显示级联菜单的形式了). 下面重点介绍一下各种菜单 1.Menustrip 最常用的莫过于此菜单了,从工具栏中拖入一个menustr ...

  6. Jenkins使用Git Parameter插件打包

    一. 下载Git Parameter插件: 二. 项目配置: Shell脚本: #!/bin/bash -l echo $deploy_envcase $deploy_env in deploy) e ...

  7. 中国的 Python 量化交易工具链有哪些

    摘抄自知乎:https://www.zhihu.com/question/28557233 如题,提问的范围限于适合中国大陆金融市场使用的工具链,所以IbPy和Quotopian之类主要面向欧美市场的 ...

  8. 强化学习 车杆游戏 DQN 深度强化学习 Demo

    网上搜寻到的代码,亲测比较好用,分享如下. import gym import time env = gym.make('CartPole-v0') # 获得游戏环境 observation = en ...

  9. 《DSP using MATLAB》Problem 3.2

    1.用x1序列的DTFT来表示x2序列的DTFT 2.代码: %% ------------------------------------------------------------------ ...

  10. A*专题训练

    POJ2449 Remmarguts' Date UDF's capital consists of N stations. The hall is numbered S, while the sta ...