首頁 > 手機軟體

iOS開發 使用繪圖功能製作模擬時鐘

2019-12-04 10:20:11

      iOS的繪圖功能很強大,可以繪出圖形、文字、圖片等。個人根據繪圖原理製作了一個模擬時鐘,內部包含一個UILabel顯示的數位時鐘。製作過程中建立了一個繼承於UIView的累,重寫了裡面的drawRect方法和新增UIView父類別方法initWithFrame來實現的。

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上。


1



IT145.com E-mail:sddin#qq.com