[UIVIew]谈谈对drawRect的理解

写在前面

  • UIView对于iOS开发来讲,再熟悉不过了。也正是因为这一点,我们可能会忽略UIView一些特有方法的理解和使用。今天,笔者主要整理一下对drawRect方法的理解和使用。
  • 默认情况下,该方法在视图加载过程中不做任何人处理。当子类使用Core GraphicsUIKit绘制视图内容时就需要在该方法中添加绘制的代码。

drawRect简介

  • drawRect方法在UIView的使用上起着十分关键的作用。不知道大家注意过没有,每一次创建UIView子类文件时候,会有自动带有已注释的drawRect方法,也许从这一点就能看出这个方法的重要性。
  • 该方法定义在UIView(UIViewRendering)分类里面,望文生义,该方法完成视图的绘制。

drawRect作用

  • Only override drawRect: if you perform custom drawing.
  • 重绘作用:重写该方法以实现自定义的绘制内容

drawRect调用场景

  • 视图第一次显示的时候会调用。这个是由系统自动调用的,主要是在UIViewControllerloadViewviewDidLoad方法调用之后;
  • 如果在UIView初始化时没有设置rect大小,将直接导致drawRect不被自动调用;
  • 该方法在调用sizeThatFits后被调用,所以可以先调用sizeToFit计算出size,然后系统自动调用drawRect:方法;
  • 通过设置contentMode属性值为UIViewContentModeRedraw,那么将在每次设置或更改frame的时候自动调用drawRect:;
  • 直接调用setNeedsDisplay,或者setNeedsDisplayInRect:触发drawRect:,但是有个前提条件是rect不能为0;

drawRect重绘方法定义

  • - (void)drawRect:(CGRect)rect;:重写此方法,执行重绘任务;
  • - (void)setNeedsDisplay;:标记为需要重绘,异步调用drawRect,但是绘制视图的动作需要等到下一个绘制周期执行,并非调用该方法立即执行;
  • - (void)setNeedsDisplayInRect:(CGRect)rect;:标记为需要局部重绘,具体调用时机同上;

drawRect使用注意事项

  • 如果子类直接继承自UIView,则在drawRect 方法中不需要调用super方法。若子类继承自其他View类则需要调用super方法以实现重绘。
  • 若使用UIView绘图,只能在drawRect:方法中获取绘制视图的contextRef。在其他方法中获取的contextRef都是不生效的;
  • drawRect:方法不能手动调用,需要调用实例方法setNeedsDisplay或者setNeedsDisplayInRect,让系统自动调用该方法;
  • 若使用CALayer绘图,只能在drawInContext :绘制,或者在delegate方法中进行绘制,然后调用setNeedDisplay方法实现最终的绘制;
  • 若要实时画图,不能使用gestureRecognizer,只能使用touchbegan等方法来掉用setNeedsDisplay实时刷新屏幕 ------这个阐述需要调整
  • UIImageView继承自UIView,但是UIImageView能不重写drawRect方法用于实现自定义绘图。具体原因如下图所示:

Apple官方文档描述

小结一下

上面的几个问题说的有些啰嗦了,总结一下需要掌握一下几点:

  • 了解drawRect使用场景;
  • 哪些方法可以调用;
  • 了解何时进行重绘;

参考文献

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏技术博客

Knockout.Js官网学习(创建自定义绑定)

你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可...

1004
来自专栏C/C++基础

Linux命令(27)——echo命令

使用-e选项时,若字符串中出现以下字符,则特别加以处理,而不会将它当成一般文字输出:

1123
来自专栏阮一峰的网络日志

HTML 自定义元素教程

组件是 Web 开发的方向,现在的热点是 JavaScript 组件,但是 HTML 组件未来可能更有希望。 本文就介绍 HTML 组件的基础知识:自定义元素(...

3098
来自专栏逸鹏说道

Markdown基础(内含:锚点使用,使用HTML,新页面跳转,目录生成)

如果要语法高亮就在```后面加小写语言名,eg:html,css,javascript,python,cs(csharp)等等

46711
来自专栏从零开始学自动化测试

Selenium2+python自动化73-定位的坑:class属性有空格

前言 有些class属性中间有空格,如果直接复制过来定位是会报错的InvalidSelectorException: Message: The given s...

3834
来自专栏柠檬先生

VUE 入门基础(8)

十,组件  使用组件   注册     可以通过以下这种方式创建一个Vue实例       new Vue({          el: ...

2219
来自专栏逸鹏说道

Markdown基础(内含:锚点使用,使用HTML,新页面跳转,目录生成)

如果要语法高亮就在```后面加小写语言名,eg:html,css,javascript,python,cs(csharp)等等

2493
来自专栏超然的博客

react小结

在react中,父组件给子组件传递数据时,就是以上的方式,通过给子组件设置props,子组件获取props中的值便可完成数据传递。 

921
来自专栏python成长之路

Pygame常用方法

5255
来自专栏Google Dart

AngularDart Material Design 选择 顶

可以手动(在模板中)或通过SelectionOptions实例指定选项。 可以通过模板或通过检查选择模型将选项标记为已选择。

1072

扫码关注云+社区

领取腾讯云代金券