【我们都爱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。

目录
相关文章
|
7月前
|
安全 前端开发 iOS开发
钉钉里微应用ios 底部安全区域的颜色怎么修改?
钉钉里微应用ios 底部安全区域的颜色怎么修改?
209 5
|
iOS开发
iOS 渐变颜色 CGGradientCreateWithColorComponents 属性介绍
iOS 渐变颜色 CGGradientCreateWithColorComponents 属性介绍
165 0
|
iOS开发
iOS UIPageViewController 翻页背景颜色修改
iOS UIPageViewController 翻页背景颜色修改
60 0
|
iOS开发
iOS开发-改变图片的颜色
iOS开发-改变图片的颜色
431 0
iOS-UITextView设置行间距,内容颜色(变相设置类似UITextField的placeholder)
iOS-UITextView设置行间距,内容颜色(变相设置类似UITextField的placeholder)
378 0
iOS-UITextView设置行间距,内容颜色(变相设置类似UITextField的placeholder)
|
iOS开发
iOS开发 - 改变picker选中行字体颜色
iOS开发 - 改变picker选中行字体颜色
303 0
|
iOS开发
iOS开发 - 同一段文字显示不同颜色和字体
iOS开发 - 同一段文字显示不同颜色和字体
112 0
|
iOS开发
iOS开发 - 设置tabbar上各选项颜色
iOS开发 - 设置tabbar上各选项颜色
212 0
|
iOS开发
iOS开发-同一段文字显示不同颜色
iOS开发-同一段文字显示不同颜色
103 0