上市至今已一年多的M8最終還是因產權的問題而即將面臨停產,自從上市之後M8的問題就層出不窮,信號、屏幕、電池等等問題。直到SE版的面世,M8的問題才開始穩定下來。下面就來教教大家來DIY自己的UI
所需軟件分析
程序管理器,該軟件的初衷是為力方便M8的程序管理的,可以很方便的把應用程序進行歸類和管理
免去了固件升級後重置註冊表後重新安裝的的麻煩。在後來的不斷改進之後,功能越來越
強大,在2.0版本之後在界面處理上做了很大的改善,可以方便的打造自己的個性UI。程序的主界面,這裡就是DIY我們的個性UI的場所
首先要知道軟件的安裝目錄:disk\programs\Tools\CManager
可以看到CManager裡文件裡如下的文件目錄結構:
CManager.exe 主程序
CManager.png 主程序圖標
CManager.ini 配置文件
CHidePro.exe 功能擴展程序
CMRes.dll 主程序的資源文件
CMWidget.dll 插件程序
CMWidget.png 插件圖標
目錄Files 存放各程序(插件)以及目錄的配置文件。是程序管理器操作界面的映射目錄。
目錄Images 用來存放默認執行文件圖標以及默認目錄圖標的地方,你也可以把一些應用圖標放到這個目錄進行統一管理。
好了,瞭解了這些之後我就來動手教大家如何製作上面的第一款UI,首先下載到素材文件(素材在下面),我的素材也是網上下載的。然後把這些文件夾都拷貝到CManager的根目錄下。
.
UI的製作原理
如下圖,所有的效果都是由每一個小的部分拼接而成,所有每一個模塊都能關聯你想要的應用程序例如:你在手機上點擊房子,會彈出QQ;你點擊白雲,會彈出音樂(可自己設置)
步驟/方法
在桌面運行CManager
我們可以看到裡面只有一個Demo的文件夾,為了不影響我們的美觀我們要把Demo的文件夾刪除掉。點擊低欄倒數第二個按鈕進入圖標編輯模式,長按Demo文件夾,然後會彈出一個對話框。我們選擇刪除
然後點擊最左邊的返回按鈕回到主界面,現在我們就開始構建我們的個性UI了
靜態圖標:點擊第一個新建快捷方式按鈕,然後會進入下面的窗口
顯示名稱:自定義
程序文件:自定義
顯示圖標欄:在CManager的目錄下找到天空之城的圖標然後下面那些選項全部都不用打鉤。
然後點擊保存,接著程序返回主界面,這個時候我們就可以看到我們的天空之城了。你可以試試點擊天空之城的圖標,它肯定會跳轉你設置的運行程序中。
如果你覺得位置沒有放好的話,你可以進入編輯模式來調整位置。
同理其他的靜態圖片都是這樣弄的。
動態圖標的實現:如下圖,動態圖標是通過好幾個相關聯的圖標構成,把飛鳥01-飛鳥08放到同一個文件夾【飛鳥】,添加圖標時候只用添加飛鳥這個文件,就能實現動態圖標了
動態圖標的添加跟靜態的一樣,不過就是要開啟“允許動態圖標”項,然後幀數可以自由的設定。一般200幀就差不多了,這個就根據你的動態效果來調整。
當我們把天空之城的元素都加進去之後,我們會發現圖標跟圖標之間會出現疊加掩蓋,不是我們想要的效果,這時候我們可以在編輯模式下長按要更改的圖標,然後會彈出一個對話框,裡面有“移到最頂層、移到最低層”兩個選項。這樣你就可以根據你想要的效果來調整了。另外,你在移動圖標的時候你會發現圖標會放不到你想要的地方。其實這個你在編輯模式下點擊最左邊的按鈕,然後會彈出一個窗口。你把那個“自動對齊網格”去掉就行了。
這樣我們的效果就出來了。就是這麼簡單。其實如果你想建立2級的圖標的話,就點擊新建子目錄就是了。方法也跟建立快捷方式是一樣的。
到了這裡可能有的童鞋就會有疑問,我們在程序管理器中建立的UI,那我們豈不是每次都要進去程序管理器裡面才能有這個UI?其實作者也考慮到了這點,肯定不能是每次都要進程序管理器了。在我們保存了建立好的UI後。退回桌面按住撥號跟信息中間那塊進入桌面圖標編輯模式。然後點擊右下角那個+號的圖標,然後添加“程序管理器插件”
然後你看到你建立的UI下面的撥號鍵個信息鍵沒有?這樣就把你建立的UI放到了桌面,動態的效果也不會消失。如果你發現你的插件是3行的話,重新進去程序管理器內,設置一下插件行數為4行就行了。這個UI真的是太炫麗,太給力了!以後拿出去炫機這個絕對是必殺技。