轻松学iPhone开发之图像和绘

可编辑ppt
1
+ 图像是由一些排列的像素组成的，在计算 机中的存储格式有BMP、PCX、TIF、GIFD 等，一般数据量比较大。它除了可以表达 真实的照片外，也可以表现复杂绘画的某 些细节，并具有灵活和富有创造力等特点。 我们要在用户界面显示图像，必须要有 UIImageView视图才可以，现在我们来为大 家讲解图像视图的创建。
可编辑ppt
9
CGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat heigth);
位置
大小
可编辑ppt
10
图像视图对象名.frame = CGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat heigth);
可编辑ppt
2
+ 创建一个项目名为400的项目。要静态创建一 个图像视图，首先要拖一个UIImageView的视 图到ViewController.xib文件的设置界面。再将 一个要显示的图像添加到项目中的Supporting Files文件夹中。如果要显示的图像在 Supporting Files文件夹中就不需要添加。在这
+ UIView的子类中，我们可以使用固定的形 状如UIButton，TextField来绘制用户界面。 有时，为了使用户看到的界面生动形象， 我们可以自己绘制一个图形。绘制图形的 方法有两种：一种是使用UIImageView类来 显示一个图像，一种是通过代码来动态的 绘制一个图形。本章主要讲解使用代码动 态绘制一个图形。
可编辑ppt
21
名称
功能
Βιβλιοθήκη Baidu
位图图形上下文（Bitmap graphics context）
允许用户绘制RGB或者CMYK颜色，或者调整一张位 图的灰度
PDF图形上下文（PDF graphics context）
可以让用户创建PDF文件。PDF文件是Adobe公司的 矢量绘图协议，可以直接打印
窗口文件图形上下文（Window graphics context） 图层图形上下文（Layer graphics context） PostScript graphics context
UIImageView *对象名=[[UIImageView alloc]initWithImage: [UIImage imageNamed:图像的名称]];
为图像视图初始化一张图像
可编辑ppt
4
+ 属性相信大家并不陌生了。我们在使用图 像时，为了达到最佳效果，也需要设置图 像的属性。本节将主要为大家讲解图像的 显示方式、图示的显示位置等相关方面的 内容。
可编辑ppt
11
图像视图对象名.bounds = CGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat heigth);
可编辑ppt
12
+ 我们如果要通过使用图像视图的中间点来 改变图像的显示位置。
图像视图对象名.center = CGPointMake(CGFloat x, CGFloat y);
可编辑ppt
7
+ 如果我们想要改变图像的位置时，我们可 以采用三种方法：frame、center、transform。 接下来我们详细的为大家讲解这三种方法。
可编辑ppt
8
+ 要想修改图像的位置，我们可以在创建时 直接选择我们要将图片放置的位置，使用 frame的形式。
UIImageView *对象名 = [[UIImageView alloc] initWithFrame:(CGRect)];
可编辑ppt
20
+ 图形上下文（Graphics Context）是一个非 常重要的概念。没有它，我们无法对图形 设备画任何东西。图形上下文为图形设备 提供了上下文，通俗点讲，就是提供了画 图环境。所谓图形设备就是对呈现图形的 设备的抽象，比如屏幕、打印机等。一般 我们用到的图形上下文一共有五种。
可编辑ppt
13
+ transform的功能不仅可以改变图像的位置， 还可以使图像进行旋转和缩放。
可编辑ppt
14
图像视图对象名.transform=CGAffineTransformMakeTranslation(CGFloat dx, CGFloat dy);
可编辑ppt
15
图像视图对象名.transform = CGAffineTransformMakeRotation(CGFloat angle);
可编辑ppt
16
图像视图对象.transform=CGAffineTransformMakeScale(CGFloat scale_w, CGFloat scale_h);
可编辑ppt
17
+ 以上我们为大家讲解了我们常用到的属性 设置。接下来，我们为大家介绍图像的其 它属性设置。
名称 hidden alpha highlightedImage image
可编辑ppt
5
+ 当我们在ViewController.xib文件中设置用户 界面时，将UIImageView拖到设置界面，大 家会看到“show the Attributes inspector”选 项卡的View中有一个Mode设置，它就是将 图像以各种方式进行显示。
可编辑ppt
6
图像的显示方式
功能 隐藏或显示图像 设置透明度 设置高亮时显示的图片 设置正常显示的图片
可编辑ppt
18
+ 我们在使用手机查看相册中的图像时，就 用到了图片的切换，本节我们将为大家讲 解图像和图像之间是如图实现切换的。
可编辑ppt
19
+ 为了使我们的用户界面看起来很漂亮，我 们可以使用代码动态的绘制我们想要的图 形。而所有的绘图都必须要通过图形上下 文来实现。本节将主要讲解图形上下文和 在绘图时所用到的数据类型等相关方面的 内容。
里我们要显示的图像在桌面上，图像名为
“114747086.jpg”。图片添加好以后，我们选 择“show the Attributes inspector”对话框中 Image View选项，将Image设置为要用来显示 在用户界面的图像。
可编辑ppt
3
+ 我们不仅可以使用手动创建图像即静态创 建图像，还可以动态的创建图像也就是我 们所说的使用代码创建图像视图，创建图 像视图的形式如图4.3所示。