以前有一篇同樣的文章,不過指針的顯示是用XY Graph元件來做,這次所要研究的是如何用Picture繪圖元件來做
首先是顯示面板,當然是用Picture元件,我設定成300×300的大小,底色塗成黑色。數字刻畫的部份為了省麻煩使用Dial元件來修改,將Dial元件設定為12個刻畫,背景及指針顏色改為透明,數字刻畫顏色改為白色,調整好大小後重疊在Picture元件上,對好位置完成顯示面板
面板上的指針和圓圈使用程式自動繪出,所以在程式執行後才會顯現
程式碼:
時間的部份直接取用電腦系統時間,用程式轉換成繪圖座標
分和秒設定為60刻畫,秒針設定為長度120,分針設定為長度90。時設定為12刻畫,時針設定為長度60。轉換後的繪圖座標資料是Cluster格式
繪圖部份比較麻煩,試過幾次才完成。程式碼分成幾個部份:
一開始先定義中心點座標,因為Picture元件設定成300×300的大小,所以中心點座標是150×150。設定中心點座標使用的是Move Pen元件,這元件主要是移動畫筆的起始點到指定位置
其次使用Draw Line元件繪出指針,這元件的end point接腳連接的就是時間部份轉換出來的繪圖座標。color(black)設定指針的顏色,顏色也可使用數字,為了省麻煩換算顏色代表的數字,所以直接使用Color Box Constant元件來設定。另外還有個pen接腳是用來設定筆畫的粗細,這次不改直接使用內定值1
然後以Move Pen元件和Draw Line元件每2個1組串聯,照秒分時順序串聯。之所以每次都要用Move Pen元件重新定義中心座標,是因為不這麼做下一指針的起點會變成是上一指針的終點
最後使用Draw Circle by Radius畫出面板上的圓圈,一樣要定義中心座標,圓的起點和終點因為畫的是完整的圓直接使用內定值,圓的半徑設定為125,圓的筆畫粗細不改使用內定值1,顏色設定成和時針相同
繪圖座標的程式碼串聯好後再連上Picture元件即完成整個程式
留言列表