最近似乎十分流行手機蓋透明的手機，許多客戶出于點綴手機蓋的需要，都想加一個模塊時鐘。研究了一下MTK自己的模擬時鐘。寫了一些顯示風格不同的時鐘。出于學習和備忘目的，打算把模擬時鐘的核心算法記下來，以供以后查閱。

出于某些方面的顧慮，不打算把所有的MTK代碼貼出來。貼一個和MTK基本一樣的VC DEMO。下面的時鐘全部使用VC基本繪圖函數實現，這些函數基本都能在MTK的GUI函數中找到替代。顯示效果如下圖：

其實畫模擬時鐘最重要的大約就是三角函數了。手機和電腦的默認坐標系都是原點在左上角。這樣，我們確定了圓心位置后，就確定了表的位置，表針，表盤的位置坐標都在以圓心為中心的圓環上。其坐標可以通過三解函數推導出來。設圓心為（X，Y），半徑為R，表上其他點的坐標為（X1，Y1），該點與圓心X軸夾角為A，大致可以推出該點坐標公式：

位于圓心右上角點的公式為：

X1 = X + RcosA;

Y1 = Y- RsinA;

位于圓心左上角點的公式為：

X1 = X - RcosA;

Y1 = Y- RsinA;

位于圓心左下角的公式為：

X1 = X- RcosA;

Y1 = Y + RsinA;

位于圓心右下角的公式為：

X1 = X + RcosA;

Y1 = Y + RsinA;

如果+ -使用角度來校正，公式就可以統一為

X1 = X + RcosA;

Y1 = Y + RsinA;

由于表是順時針轉動，我們的角度習慣上使用逆時針，所以我們使用自己校正后的角度值，從12點開始，按順時針重新排列三角函數值，加入對角度正負的校正后，得如下正余弦數組：

static const float g_qj_gui_clock_acm_sine_table[] =
{
(float) - 0.99999820, (float) - 0.99431727, (float) - 0.97773360, (float) - 0.95042917,(float) - 0.91270313,
(float)-0.86496924, (float)-0.80775119, (float)-0.74167587,(float) - 0.66746803, (float) - 0.58594175,
(float) - 0.49799022, (float) - 0.40457821,(float) - 0.30673042,(float)-0.20551889, (float)-0.10205382,
(float)0.00000000,(float) 0.10457040, (float) 0.20799418, (float) 0.30913729, (float) 0.40689072,
(float) 0.50018258,(float) 0.58798990,(float)0.66934994, (float)0.74337050,(float) 0.80923998,
(float) 0.86623616, (float) 0.91373403, (float) 0.95121274, (float) 0.97826142,(float) 0.99458343,
(float)0.99999980, (float)0.99445115,(float) 0.97799831, (float) 0.95082172, (float) 0.91321931,
(float) 0.86560342, (float) 0.80849624,(float) 0.74252372,(float)0.66840956, (float)0.58696629,
(float) 0.49908672, (float) 0.40573486, (float) 0.30793410, (float) 0.20675662, (float) 0.10331227,
(float) - 0.00126490,(float)-0.10582843, (float)-0.20923132,(float) - 0.31033998, (float) - 0.40804598,
(float) - 0.50127753, (float) - 0.58901256,(float) - 0.67028925,(float)-0.74421601, (float)-0.80998244,
(float)-0.86686752,(float)-0.91424734, (float)-0.95160225, (float)-0.97852297, (float)-0.99471414,
};

static const float g_qj_gui_clock_acm_cosine_table[] =
{
(float) 0.00189735, (float) 0.10645731, (float) 0.20984996, (float) 0.31094114, (float) 0.40862330,(float) 0.50182489,
(float)0.58952354, (float)0.67075845,(float) 0.74463846, (float) 0.81035318, (float) 0.86718264, (float) 0.91450340,
(float) 0.95179643,(float) 0.97865315,(float)0.99477888, (float)1.00000000,(float) 0.99451749, (float) 0.97813006,
(float) 0.95101742, (float) 0.91347684, (float) 0.86591997,(float) 0.80886827,(float)0.74294728, (float)0.66887989,
(float) 0.58747821, (float) 0.49963478, (float) 0.40631283, (float) 0.30853576, (float) 0.20737548,(float) 0.10394131,
(float)-0.00063245, (float)-0.10519940,(float) - 0.20861283, (float) - 0.30973870, (float) - 0.40746839, (float) - 0.50073018,
(float) - 0.58850135,(float)-0.66981977, (float)-0.74379342, (float)-0.80961137,(float) - 0.86655204, (float) - 0.91399082,
(float) - 0.95140769, (float) - 0.97839241,(float) - 0.99464897,(float)-0.99999920, (float)-0.99438440, (float)-0.97786617,
(float) - 0.95062563, (float) - 0.91296138, (float) - 0.86528656, (float) - 0.80812388,(float) - 0.74209994,(float)-0.66793902,
(float)-0.58645414, (float)-0.49853857,(float)-0.40515651, (float)-0.30733233, (float)-0.20613779, (float)-0.10268295,
};

很輕松的通過向導創建一個VC對話框。

首先定義一些時鐘常用的宏：

#define ANALOG_CENTER_X (227)
#define ANALOG_CENTER_Y (178)
#define ANALOG_R (150)
#define ANALOG_CENTER_R (10)
#define ANALOG_HOUR_LEN (ANALOG_R-80)
#define ANALOG_MINUTE_LEN (ANALOG_R-50)
#define ANALOG_SECOND_LEN (ANALOG_R-30)

添加一個刻畫表盤的函數：

void CAnalogDlg::MyDrawScale()
{
int x1, y1, x2,y2;
int i;
int in_r = ANALOG_R - 20;
int out_r = ANALOG_R - 10;
CDC *pDC= GetDC();

CPen newPen, *oldPen, newPen1;
newPen.CreatePen(PS_SOLID,1,RGB(255,0,0));
newPen1.CreatePen(PS_SOLID,5,RGB(0,255,0));
oldPen = pDC->SelectObject(&newPen);


for (i = 0; i <60; i++)
{
x1 = ANALOG_CENTER_X + in_r*g_qj_gui_clock_acm_cosine_table[i];
y1 = ANALOG_CENTER_Y + in_r*g_qj_gui_clock_acm_sine_table[i];
x2 = ANALOG_CENTER_X + out_r*g_qj_gui_clock_acm_cosine_table[i];
y2 = ANALOG_CENTER_Y + out_r*g_qj_gui_clock_acm_sine_table[i];
if (( i% 5) == 0)
{
pDC->SelectObject(&newPen1);

pDC->MoveTo(x1, y1);
pDC->LineTo(x2, y2);
CRect cRect;
CString str;
str.Format("%d",(i<5)?12:(i/5));//數字的表示形式
pDC->SetTextColor(RGB(192,192,192));
cRect.SetRect(ANALOG_CENTER_X + 120*g_qj_gui_clock_acm_cosine_table[i]-10,ANALOG_CENTER_Y + 120*g_qj_gui_clock_acm_sine_table[i]-10,
ANALOG_CENTER_X + 120*g_qj_gui_clock_acm_cosine_table[i]+10,ANALOG_CENTER_Y + 120*g_qj_gui_clock_acm_sine_table[i]+10);
pDC->DrawText(str, &cRect, DT_CENTER);
}
else
{
pDC->SelectObject(&newPen);

pDC->MoveTo(x1, y1);
pDC->LineTo(x2, y2);
}
}
pDC->SelectObject(oldPen);
ReleaseDC(pDC);
}
畫時鐘的指針

void CAnalogDlg::DrawAnalogClockHand()
{
CDC *pDC = GetDC();
int x = ANALOG_CENTER_X, y = ANALOG_CENTER_Y;

int x1, y1, x2,y2;
CPen *oldPen, newPen1,newPen2, newPen3;
newPen1.CreatePen(PS_SOLID,1,RGB(255,0,0));
newPen2.CreatePen(PS_SOLID,3,RGB(0,255,0));
newPen3.CreatePen(PS_SOLID,5,RGB(0,0,255));
oldPen = pDC->SelectObject(&newPen3);

SYSTEMTIME st;
GetLocalTime(&st);

int h = st.wHour;
h++;
if (h > 12)
{
h -= 12;
}
h = (h - 1) * 5;
h += st.wMinute / 12;
if (h >= 60)
{
h = 0;
}

x2 = x + (int) ((float32)ANALOG_HOUR_LEN * g_qj_gui_clock_acm_cosine_table[h]);
y2 = y + (int) ((float32)ANALOG_HOUR_LEN * g_qj_gui_clock_acm_sine_table[h]);
x1 = x + (int) ((float32)20 * g_qj_gui_clock_acm_cosine_table[(h + 30)%60]);
y1 = y + (int) ((float32)20 * g_qj_gui_clock_acm_sine_table[(h + 30)%60]);
pDC->MoveTo(x1, y1);
pDC->LineTo(x2, y2);

pDC->SelectObject(&newPen2);
x2 = x + (int) ((float32)ANALOG_MINUTE_LEN * g_qj_gui_clock_acm_cosine_table[st.wMinute]);
y2 = y + (int) ((float32)ANALOG_MINUTE_LEN * g_qj_gui_clock_acm_sine_table[st.wMinute]);
x1 = x + (int) ((float32)20 * g_qj_gui_clock_acm_cosine_table[(st.wMinute + 30)%60]);
y1 = y + (int) ((float32)20 * g_qj_gui_clock_acm_sine_table[(st.wMinute + 30)%60]);
pDC->MoveTo(x1, y1);
pDC->LineTo(x2, y2);

pDC->SelectObject(&newPen1);
x2 = x + (int) ((float32)ANALOG_SECOND_LEN * g_qj_gui_clock_acm_cosine_table[st.wSecond]);
y2 = y + (int) ((float32)ANALOG_SECOND_LEN * g_qj_gui_clock_acm_sine_table[st.wSecond]);
x1 = x + (int) ((float32)20 * g_qj_gui_clock_acm_cosine_table[(st.wSecond + 30)%60]);
y1 = y + (int) ((float32)20 * g_qj_gui_clock_acm_sine_table[(st.wSecond + 30)%60]);
pDC->MoveTo(x1, y1);
pDC->LineTo(x2, y2);

pDC->SelectObject(oldPen);
ReleaseDC(pDC);
}

把函數添加到OnPaint函數，就得了一個簡單的模擬時鐘。需要美化時，再加上個圓做表心，然后是加個點做表軸。

如果需要動態的，為對話框添加個OnTimer事件，把OnPaint加進去就可以了。MTK對圖形函數封裝的很好，幾乎不費什么力氣就能把GUI函數替換進來。

一個VC寫的模擬時鐘