UI基礎 時鐘效果的簡單實現

2021-07-06 11:37:22 字數 1023 閱讀 1955

時鐘效果很多手機上都有這個應用,不過不需要我們再去實現了。因為大部分的手機系統都帶有這個功能。不過在對我們訓練一些檢視的layer還是挺有幫助的。

描述的內容就不多說了,直接上**:

//

// viewcontroller.m

// 04-時鐘

//// created by styshy on 15/11/6.

//#import "viewcontroller.h"

@inte***ce viewcontroller ()

@property (weak, nonatomic) iboutlet uiimageview *timeclock;

@property (weak, nonatomic) calayer *secondlayer;

@property (weak, nonatomic) calayer *minutelayer;

@property (weak, nonatomic) calayer *hourlayer;

@end

@implementation viewcontroller

- (void)viewdidload

- (void)addsecond

- (void)addminute

- (void)addhour

// 每秒鐘旋轉多少度

#define persecond (2*m_pi/60.0)

// 每分鐘旋轉多少度

#define perminute (2*m_pi/60.0)

// 每小時旋轉多少度

#define perhour (2*m_pi/12.0)

- (void)updatetime

- (void)didreceivememorywarning

@end

效果展示

使用canvas實現簡單的時鐘效果

這次要借助canvas實現時鐘效果,展示當前時間,形狀為圓形。完整實現效果截圖如上 關鍵點 時鐘效果的實現主要分為3部分1 繪製表盤 大小刻度 1 12 等靜態部分的繪製2 展示當前時間3 時針 分針和秒針動起來繪製靜態部分 首先得到canvas和canvas的繪圖環境 var canvas doc...

Html實現簡單彈窗展示UI效果

在今天的專案中,實現了乙個很 神 的需求。要在unity打出的webgl中做乙個c 編輯器的功能,要求像vs那樣可以呼叫控制台除錯 我思來想去,感覺這個功能也只能模擬了,怎麼可能能實現這樣的功能。於是我在網上查詢資料,發現網上有很多線上c 除錯 於是我想可不可以用unity打出的html上展示這些c...

UI基礎 手勢解鎖簡單實現

手勢解鎖可以說是手機的乙個標誌了,幾乎所有涉及到安全的軟體都有手勢解鎖功能。其實實現起來也相當簡單,雖然思路比較簡單,但是對我來說注意點還是比較多的。根控制器view被我自定義乙個新的view代替了 bgview.m 05 手勢解鎖 created by styshy on 15 11 4.impo...