一、項目進度

今天完成了點擊時鐘不同區域,改變其顏色的功能

二、實現思路

因為時鐘是圖片,要修改它的部分顏色,有兩個方法:

一種是把它做成矢量圖,通過color屬性修改圖片顏色,但是這樣修改會修改掉整個圖片的顏色,修改部分還需要把矢量圖切片成12個部分分別導入,優點是可以通過color屬性直接修改區塊顏色,對以后設置用戶自定義主題顏色有幫助,缺點是比較麻煩;

另外一種是直接用PS給時鐘12部分上色,做成透明圖,用戶點擊哪個區塊就用哪個區塊的上色圖覆蓋,這樣做的好處是省去做矢量圖的步驟,比較方便,但是上色的顏色固定,沒法修改,這次先采用第二個方法

以下是處理后的透明圖:

三、完成效果

四、明天的計劃

時鐘有了0-11時,還需要12-23時,計劃在時鐘中間加一個圓,實現二者的切換