多语言展示
当前在线:1375今日阅读:195今日分享:14

iOS开发 使用绘图功能制作模拟时钟

iOS的绘图功能很强大,可以绘出图形、文字、图片等。个人根据绘图原理制作了一个模拟时钟,内部包含一个UILabel显示的数字时钟。制作过程中创建了一个继承于UIView的累,重写了里面的drawRect方法和添加UIView父类方法initWithFrame来实现的。
工具/原料
1

MAC OS X操作系统

2

Xcode编译器

方法/步骤
1

创建工程项目和视图控制器      1、创建工程项目,新建一个UIViewController;      2、选中工程,右键-New File…选择“Cocoa Touch Class”-Next,给个合理的名称ViewController,再Next完成;      3、在AppDelegate.m文件包含#import 'ViewController.h';      4、初始化创建ViewController的视图控制器,并用导航栏控制器包含。将之设置为根视图控制器。

2

创建一个模拟时钟类AnalogClock      1、创建一类文件,继承于UIView,并命名为AnalogClock;      2、打开AnalogClock.m文件,恢复被注释掉的drawRect方法;      3、添加初始化- (id)initWithFrame:(CGRect)frame方法。

3

在AnalogClock.m文件中,定义全局变量并初始化变量。

4

由于手机屏幕角度规定和时钟角度有所不同,所以需要对角度进行调整。对所有AnalogClock内的控件逆时针旋转90度,及顺时针旋转270度。使用方法:在initWithFrame方法中调用CGAffineTransformRotate方法。

5

在initWithFrame方法中获取当前时间,分解出时分秒,并赋值给时间变量、装换成角度值。

6

创建添加UILabel,显示当前时间。

7

添加定时器,监控时间的改变。添加时间响应实现方法。

8

实现绘图方法      1、将度转换成弧度;      2、绘制时分秒3个圆的轨迹;      3、根据当前时分秒,绘制到圆的轨迹上。

9

添加AnalogClock到试图完成显示模拟时钟      1、在ViewController.m中包含AnalogClock.h头文件;      2、创建并初始化AnalogClock;      3、添加AnalogClock到self.view上。

代码最终运行效果如图。

END

注意事项
1

当前使用MAC OS X 版本为10.9.5

2

当前使用Xcode版本为6.0

推荐信息