【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记13 Drawing绘制、UIColor颜色、Fonts字体

简介: 上一话介绍了视图绘制的一些基本原理,这一话继续展开。UIBezierPath可以绘制许多有趣的图形。

上一话介绍了视图绘制的一些基本原理,这一话继续展开。UIBezierPath可以绘制许多有趣的图形。


使用不同的构造器,比如roundedRect就是四个角被磨圆了的矩形,或者干脆是椭圆和圆。你甚至可以剪切任意的path,剪切使用addClip方法,在剪切了之后你可以针对剪切的这部分进行操作,例如你正在绘制一个卡片,这个卡片有小小的圆角效果,你可以把卡片绘制在一个矩形里面,然后把它剪切到一个小一点的圆角矩阵里,这样四角就修圆了。这是一个获得圆角卡片最简单的方法。

你也可以进行碰撞检测,它基于绕圈规则。

现在来聊聊颜色的问题。


你可以使用系统给出的标准颜色,比如红色、绿色,也可以自己调色,另外可以把你的颜色设置为一种模式,这样你使用颜色的时候其实是使用了一种图形,这个很酷。。

你可以给视图设置背景颜色,颜色也可以有透明度,透明度(Alpha)使用范围0-1.0代表完全透明,1代表完全不透明。你可以使用方法colorWithAlphaComponent来创建一个半透明的颜色。

如果你在绘制的时候用到了透明度,那么你需要告诉系统,把UIView的opaque属性设置为false。为什么这么做呢?因为带透明度的绘制是非常昂贵的,因为你后面的view会被展示出来,所以系统必须把重叠的视图混合起来绘制,这在图像处理能力上非常昂贵。所以如果不是很有必要不要这么做,如果你在绘制的时候没有把这个属性设置为false,那么你进形半透明绘制将不会成功。

你可以把整个视图都设置成半透明的,因为它自己就有alpha属性。


当带有透明度的视图相互叠加会发生什么?它们会发生混合,子视图数组中的第一个子视图会出现在最后面,剩下的子视图按照顺序出现在前面。你可以完全隐藏一个视图,只需要设置它的hidden属性,这种隐藏视图的做法非常普遍,当某个条件达成时再出现在屏幕上。隐藏的视图不仅不会被绘制,也不会接受任何触控事件,但是它依旧存在于视图的层级关系中,就好像等在那里一样。


通常我们用UILabel在屏幕上绘制文本,如果你想要在你的drawRect上绘制,你用NSAttributedString来完成这个工作,它有很多属性可以被设置


这些属性是字典格式的,它的范围是NSRange格式,不是Range格式,这是古老的格式。

下面来讨论一下字体(Fonts)


字体从IOS7开始,包括IOS8。正确使用非常重要,它们是创建漂亮UI的关键。


那么如何做到字体漂亮呢,我们使用preferredFontForTextStyle,字体样式是类似标题或者正文,就好像我们用word一样,IOS中也可以设置字体的格式,它有一些准备好的格式。用推荐的自己总是好的,它包含了格式和大小,你可以改变它的大小。当然你也可以自己创建一个字体。

也有一些系统默认的字体,比如按钮或者段控制器上的字体,你不会总用默认的吧?用系统推荐的是个更好的方案。

那么如何显示图像呢?我们有个专门显示图片的UIImageView,但是你可能希望把你的图片丢到drawRect里。


一般来说你会以名字来创建一个图片,以便从Images.xcassets里面拿出来。


一旦你有了这个图片,你可以发送一个消息去显示它,这个方法是drawAtPoint,然后系统就会把正常尺寸的图片的左上角放到这个点上。

你也可以用drawInRect这个方法,它会缩放图像在这个长方形区域中。

或者像我们之前说的那样用drawAsPatternInRect,它会平铺直到铺满这个区域。


那么当你的边界发生变化怎么办,比如你旋转了手机,由高瘦变成了矮胖,你可能希望再调用一次drawRect,但是这是做不到的,你的图像会被拉扁,所以一般来说得不到你想要额结果。但是这是默认的做法,拉伸图像以获得更好的性能。你可以自己来控制边界改变时的处理对策。使用视图中的contentMode就能做到。一种策略是不改变图片,只是让你的图片移动到新边界的各个方向而已。

另外一些做法是以原图像的宽高比例来缩放图片。

你也可以用你最想用的Redraw。

目录
相关文章
|
Unix iOS开发
【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记1 IOS8概述
  首先感谢网易公开课和SwiftV课堂的朋友们辛苦翻译,这个系列是我学习斯坦福IOS8公开课的个人心得体会和笔记,希望能给大家带来启发。
1058 0
|
前端开发 iOS开发
【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记3 Xcode、Auto Layout及MVC
   继续上一话中的计算器Demo,上一话讲到类必须被初始化,类中的属性也必须被初始化,所以你不能只声明而不给它一个处置,那么问题来了,我们从storyboard中拖拽的@IBOutlet为什么只有声明而不需要初始化呢,这是因为它的类型依旧是一个optional,在你初始化之前已经被赋值为nil了,这也就是为什么你不需要再初始化它的原因。
871 0
|
Android开发 iOS开发 HTML5
iOS 从各种效果图颜色标注生成 UIColor
iOS 从各种效果图颜色标注生成 UIColor 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循“署名-非商业用途-保持一致”创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。
970 0
|
1月前
|
Java Android开发 Swift
安卓与iOS开发对比:平台选择对项目成功的影响
【10月更文挑战第4天】在移动应用开发的世界中,选择合适的平台是至关重要的。本文将深入探讨安卓和iOS两大主流平台的开发环境、用户基础、市场份额和开发成本等方面的差异,并分析这些差异如何影响项目的最终成果。通过比较这两个平台的优势与挑战,开发者可以更好地决定哪个平台更适合他们的项目需求。
100 1
|
1月前
|
设计模式 安全 Swift
探索iOS开发:打造你的第一个天气应用
【9月更文挑战第36天】在这篇文章中,我们将一起踏上iOS开发的旅程,从零开始构建一个简单的天气应用。文章将通过通俗易懂的语言,引导你理解iOS开发的基本概念,掌握Swift语言的核心语法,并逐步实现一个具有实际功能的天气应用。我们将遵循“学中做,做中学”的原则,让理论知识和实践操作紧密结合,确保学习过程既高效又有趣。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你打开一扇通往iOS开发世界的大门。
|
1月前
|
搜索推荐 IDE API
打造个性化天气应用:iOS开发之旅
【9月更文挑战第35天】在这篇文章中,我们将一起踏上iOS开发的旅程,通过创建一个个性化的天气应用来探索Swift编程语言的魅力和iOS平台的强大功能。无论你是编程新手还是希望扩展你的技能集,这个项目都将为你提供实战经验,帮助你理解从构思到实现一个应用的全过程。让我们开始吧,构建你自己的天气应用,探索更多可能!
62 1
|
2月前
|
IDE Android开发 iOS开发
探索Android与iOS开发的差异:平台选择对项目成功的影响
【9月更文挑战第27天】在移动应用开发的世界中,Android和iOS是两个主要的操作系统平台。每个系统都有其独特的开发环境、工具和用户群体。本文将深入探讨这两个平台的关键差异点,并分析这些差异如何影响应用的性能、用户体验和最终的市场表现。通过对比分析,我们将揭示选择正确的开发平台对于确保项目成功的重要作用。
|
4天前
|
设计模式 前端开发 Swift
探索iOS开发:从初级到高级的旅程
【10月更文挑战第31天】在这篇文章中,我们将一起踏上iOS开发的旅程。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和技巧。我们将从基础开始,逐步深入到更高级的技术和概念。让我们一起探索iOS开发的世界吧!
|
7天前
|
设计模式 前端开发 Swift
探索iOS开发:从初级到高级的旅程
【10月更文挑战第28天】在这篇技术性文章中,我们将一起踏上一段探索iOS开发的旅程。无论你是刚入门的新手,还是希望提升技能的开发者,这篇文章都将为你提供宝贵的指导和灵感。我们将从基础概念开始,逐步深入到高级主题,如设计模式、性能优化等。通过阅读这篇文章,你将获得一个清晰的学习路径,帮助你在iOS开发领域不断成长。
32 2
|
12天前
|
安全 API Swift
探索iOS开发中的Swift语言之美
【10月更文挑战第23天】在数字时代的浪潮中,iOS开发如同一艘航船,而Swift语言则是推动这艘船前进的风帆。本文将带你领略Swift的独特魅力,从语法到设计哲学,再到实际应用案例,我们将一步步深入这个现代编程语言的世界。你将发现,Swift不仅仅是一种编程语言,它是苹果生态系统中的一个创新工具,它让iOS开发变得更加高效、安全和有趣。让我们一起启航,探索Swift的奥秘,感受编程的乐趣。