轻松学iPhone开发之图像和绘图.pptx

《轻松学iPhone开发之图像和绘图.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章图像和绘图UIView的子类中，我们可以使用固定的形状如UIButton，TextField来绘制用户界面。有时，为了使用户看到的界面生动形象，我们可以自己绘制一个图形。绘制图形的方法有两种：一种是使用UIImageView类来显示一个图像，一种是通过代码来动态的绘制一个图形。本章主要讲解使用代码动态绘制一个图形。4.1图像视图的创建图像是由一些排列的像素组成的，在计算机中的存储格式有BMP、PCX、TIF、GIFD等，一般数据量比较大。它除了可以表达真实的照片外，也可以表现复杂绘画的某些细节，并具有灵活和富有创造力等特点。我们要在用户界面显示图像，必须要有UIImage

2、View视图才可以，现在我们来为大家讲解图像视图的创建。4.1.1静态创建图像视图创建一个项目名为400的项目。要静态创建一个图像视图，首先要拖一个UIImageView的视图到ViewController.xib文件的设置界面。再将一个要显示的图像添加到项目中的SupportingFiles文件夹中。如果要显示的图像在SupportingFiles文件夹中就不需要添加。在这里我们要显示的图像在桌面上，图像名为“114747086.jpg”。图片添加好以后，我们选择“showtheAttributesinspector”对话框中ImageView选项，将Image设置为要用来显

3、示在用户界面的图像。4.1.2动态创建图像视图我们不仅可以使用手动创建图像即静态创建图像，还可以动态的创建图像也就是我们所说的使用代码创建图像视图，创建图像视图的形式如图4.3所示。4.2图像的属性属性相信大家并不陌生了。我们在使用图像时，为了达到最佳效果，也需要设置图像的属性。本节将主要为大家讲解图像的显示方式、图示的显示位置等相关方面的内容。4.2.1图像的显示方式当我们在ViewController.xib文件中设置用户界面时，将UIImageView拖到设置界面，大家会看到“showtheAttributesinspector”选项卡的View中有一个Mode设置，它就

4、是将图像以各种方式进行显示。4.2.1图像的显示方式4.2.2图像的显示位置如果我们想要改变图像的位置时，我们可以采用三种方法：frame、center、transform。接下来我们详细的为大家讲解这三种方法。1.frame要想修改图像的位置，我们可以在创建时直接选择我们要将图片放置的位置，使用frame的形式。1.frame1.frame1.frame2.center我们如果要通过使用图像视图的中间点来改变图像的显示位置。3.transformtransform的功能不仅可以改变图像的位置，还可以使图像进行旋转和缩放。3.transform3.transform3.tran

5、sform4.2.3图像的其它属性以上我们为大家讲解了我们常用到的属性设置。接下来，我们为大家介绍图像的其它属性设置。名称功能hidden隐藏或显示图像alpha设置透明度highlightedImage设置高亮时显示的图片image设置正常显示的图片4.3图像切换我们在使用手机查看相册中的图像时，就用到了图片的切换，本节我们将为大家讲解图像和图像之间是如图实现切换的。4.4绘图为了使我们的用户界面看起来很漂亮，我们可以使用代码动态的绘制我们想要的图形。而所有的绘图都必须要通过图形上下文来实现。本节将主要讲解图形上下文和在绘图时所用到的数据类型等相关方面的内容。4.4.1图形上

6、下文图形上下文（GraphicsContext）是一个非常重要的概念。没有它，我们无法对图形设备画任何东西。图形上下文为图形设备提供了上下文，通俗点讲，就是提供了画图环境。所谓图形设备就是对呈现图形的设备的抽象，比如屏幕、打印机等。一般我们用到的图形上下文一共有五种。4.4.1图形上下文名称功能位图图形上下文（Bitmapgraphicscontext）允许用户绘制RGB或者CMYK颜色，或者调整一张位图的灰度PDF图形上下文（PDFgraphicscontext）可以让用户创建PDF文件。PDF文件是Adobe公司的矢量绘图协议，可以直接打印窗口文件图形上下文（Windowg

7、raphicscontext）可以让用户图形上下文绘制到窗口，前提是用户必须会在此窗口获取相应的图形上下文图层图形上下文（Layergraphicscontext）绘制到图层里面PostScriptgraphicscontext针对打印4.4.2数据类型在绘图中，有着它自己特有的数据类型。这些数据类型以功能。数据类型功能CGPathRef用于画路径，例如直线（一点到另一点的路径）CGImageRef用于处理图片CGShadingRef阴影CGLayerRef用于处理图层CGFunctionR