編輯點評:小米官方打造的主題編輯器
喜歡小米主題的用戶可以自己親手設計主題了,Miui Theme Editor官方最新版Miui主題編輯器免安裝版,下載后解壓出來就可以免費使用,軟件的功能很強大,支持可視化編輯,批量操作,快速更新等,歡迎免費下載。
Miui主題編輯器使用方法
1、新建主題
在主題編輯器的歡迎頁面點擊新建按鈕即可創(chuàng)建主題
如上填寫相關(guān)信息后,在本地會生成一個文件夾,內(nèi)部包含一個 description.xml 的文件,這是主題包的描述文件,新建完主題包后,后續(xù)我們就可以對這個主題進一步制作與適配了。
#2.打開主題
打開主題,可以在歡迎頁點擊打開按鈕打開,也可以在編輯器任何一個頁面拖拽一個已有的主題 mtz 包或者已解壓的主題文件夾到編輯器窗口打開主題。
注意的是編輯器部分可拖拽的區(qū)域直接拖入主題包可能無法直接打開主題,如下圖紅色區(qū)域?梢詫⒅黝}包拖拽非移動窗口拖拽區(qū)域打開(綠色區(qū)域)。
#3.編輯組件
編輯器的編輯組件包含 maml、壁紙、桌面、電話、短信、設置、全局等模塊,在實際制作中資源對應關(guān)系如下表
編輯模塊 | 對應主題包模塊 |
---|---|
maml | 百變鎖屏、百變時鐘、百變壁紙、動態(tài)天氣圖標、動態(tài)日歷圖標、動態(tài)時鐘圖標 |
壁紙 | 桌面靜態(tài)壁紙、鎖屏靜態(tài)壁紙 |
桌面 | 桌面靜態(tài)資源、靜態(tài)圖標 |
電話 | 通訊錄與撥號模塊靜態(tài)資源 |
短信 | 短信模塊靜態(tài)資源 |
設置 | 設置模塊靜態(tài)資源 |
全局 | 主要覆蓋下拉通知的相關(guān)資源,包含 framework-res、systemui、notification、securitycenter 的資源 |
#maml 編輯
#1.可視化編輯模式
編輯器 maml 可視化編輯功能區(qū)域括工具欄、組件庫、圖層管理、畫布、屬性編輯面板等,可以直接從組件庫拖入對應的組件到畫布中構(gòu)建一個 maml 模塊,右側(cè)的屬性編輯面板可以對該組件進行個性化的定義。
編輯器創(chuàng)建的鎖屏 demo
可視化編輯適用于對 maml 掌握不太清楚的初級開發(fā)者或內(nèi)置組件已內(nèi)符合設計需求的使用場景
#2.手寫 manifest 模式
編輯器除了通過可視化拖拽的方式編輯 maml 外,依然保留了直接手寫 maml 的需求,編輯方法跟原有的編輯方法一樣,maml 組件目錄下只放置一個 manifest.xml ,每次修改完 manifest 直接點應用即可
需要注意的是 如果在編輯器的 maml 編輯模塊對該模塊進行拖拽等可視化操作以且執(zhí)行了保存或打包動作后,編譯生成的代碼會按照編輯器編輯的內(nèi)容覆蓋自己手寫的代碼
若執(zhí)行了可視化編輯的動作,當前模塊將轉(zhuǎn)為可視化編輯模式,同時主題包目錄會生成一個 origin.xml 的文件備份你原先手寫的 maml 代碼,并生成一份 main.xml 記錄編輯器編輯的對象屬性
若想切換回手寫模式請刪除編輯器生成的 main.xml,并把 origin.xml 重新命名為 manifest.xml(如下圖)
手寫 manifest 模式適用于對 maml 有一定了解的普通開發(fā)者
#3.組件化開發(fā)模式
編輯器除了支持可視化編輯與直接手寫 manifest 進行 maml 模塊的編輯外還支持更高級的組件化的方式進行 maml 模塊的開發(fā)
不同的功能模塊可以封裝成一個個單獨的組件放在 maml 模塊的 modules 目錄下進行模塊化封裝,通過模塊化封裝能更好的組織代碼邏輯,也能更方便后續(xù)的代碼維護
maml 根目錄下放置一個 main.xml 作為入口文件,modules 文件夾為特殊路徑,用于放置自定義的組件(如下圖)
一個 main.xml 的例子
<?xml version="1.0" encoding="utf-8"?><Lockscreen version="2" frameRate="60" displayDesktop="false" screenWidth="1080" compiler="true"> <Plugin name ="list" src="modules/list" x="0" y="200" w="1080" h="1400" listHeight="160*100"> <Slot> <!-- 要顯示的界面元素放這里 --> <Array count="100" indexName="__l" > <Rectangle x="540" y="#__l*160" align="center" w="1000" h="150" fillColor="#ffffff" cornerRadius="30,30"/> <Text x="100" y="#__l*160+75" alignV="center" color="#000000" size="50" textExp="'這是一條測試文字'+' '+#__l"/> </Array> </Slot> </Plugin> <Text x="100" y="1400" color="#ffffff" size="50" textExp="'我是直接手寫的maml代碼'"/></Lockscreen>
注意 main.xml 可以直接手寫 maml 原生代碼,也可以通過 Plugin 標簽引入已經(jīng)封裝好的 maml 組件,main.xml 的 root 標簽必須添加compiler="true"的屬性才能被編輯器編譯,見如下 demo
模塊化編輯 list-demo
模塊化編輯 swipe-demo
對于如何封裝我們自己的模塊可以參考插件 2.0 的語法
#圖標編輯
#1.靜態(tài)圖標
編輯器編輯靜態(tài)圖標比較簡單,直接將設計好的圖標拖入對應的位置即可,拖入的圖標會放入主題包 icons/res/drawable-xxhdpi 目錄下
#2.動態(tài)圖標
動態(tài)圖標參照
#3.圖標濾鏡
圖標濾鏡參考
#界面編輯
#1. 圖片編輯
界面編輯包含圖片資源、顏色值、布爾值、整型值、尺寸值的編輯。 圖片資源與圖標一樣拖入圖片到對應位置即可,如下圖
如果圖片資源為點 9 圖可以點擊圖片旁邊的編輯按鈕進入點九圖編輯界面
在點 9 圖編輯時可點擊頂部或左側(cè)的標尺區(qū)域添加控制點,相鄰的控制點拉動虛線可以進行合并。
一些快捷鍵
command|control+“+”鍵 放大畫布
command|control+“-”鍵 縮小畫布
command|control+c 鍵 復制.9 信息
command|control+v 鍵 粘貼.9 信息
command|control+s 鍵 保存編輯的圖片
什么是【點九】
“點九”是安卓開發(fā)中所用到的一種特殊的圖片形式,文件擴展名為:.9.png 安卓平臺(比如手機)有各種各樣的分辨率,不同分辨率上的圖形會因為長寬變化產(chǎn)生拉伸, 按照平常的辦法,圖形的失真變形,但我們又不能每個分辨率都單獨做一份適配,效率低而且包也大,在這樣的情況下,點九的出現(xiàn),完美地解決了這一問題(看下圖)
從上圖就可以看出:
點九 PNG 圖能完美保留圖片細節(jié)
點九圖在圖片外圍一像素區(qū)域內(nèi),有斷斷續(xù)續(xù)純黑的黑邊,并且在無黑邊的地方,是純透明的,不得有其它像素
拉伸時,上方和左邊的黑邊控制被拉伸區(qū)域,右邊和下方的黑邊控制文字的顯示區(qū)域
#2.顏色值編輯
新版編輯器在支持批量修改某些顏色值的同時,也支持對單條顏色值進行更加細致化的修改,修改方法,點擊當前條目右側(cè)的箭頭符號,展開該條目下的顏色值列表,即可進行單獨修改
#3.其他屬性的編輯
布爾值、整型值、尺寸值的編輯較為簡單,寫入相關(guān)信息即可
#4.批量操作
在開始構(gòu)建一個主題包時,所有資源都一個個添加會比較麻煩,也有可能會有遺漏項,造成主題 bug。可以通過批量操作先生成一個基礎(chǔ)包,然后再對該基礎(chǔ)包進行針對性的個性化修改,以提高效率。
注意幾個按鈕的功能區(qū)別:
添加單頁圖片:只添加當前模塊當前頁面的圖片,若主題包有相關(guān)資源不會被覆蓋
覆蓋單頁圖片:只添加當前模塊當前頁面的圖片,用模板的數(shù)據(jù)覆蓋相關(guān)資源
添加模塊圖片:添加當前模塊所有的圖片,若主題包有相關(guān)資源不會被覆蓋,沒有則用模板的資源
覆蓋模塊圖片:添加當前模塊所有的圖片,并用模板的數(shù)據(jù)覆蓋主題包內(nèi)所有相關(guān)資源
添加模塊顏色值:添加當前模塊所有的顏色值資源,如果原主題包中有定義同名的顏色不會被覆蓋
覆蓋模塊顏色值:添加當前模塊所有的顏色值資源,并用模板的數(shù)據(jù)覆蓋主題包內(nèi)當前模塊所有顏色值,模板中沒有的顏色值會被刪除,可用改方法清理部分已不需要或廢棄的顏色值。
布爾值、尺寸值、整形值的添加規(guī)則同顏色值的添加規(guī)則。
刪除相關(guān)資源則按照模板定義的資源進行批量刪除。
功能介紹
1.可視化編輯預覽高效
看到MAML語言后望而卻步?苦于豐富的動畫效果無法實現(xiàn)?
讓小編大聲的告訴大家,再也不用為不懂代碼而擔憂啦!這次的編輯器將百變框架簡化成可視化的交互頁面,而且還提供了豐富的功能組件方便直接調(diào)用,大家可以直接在屬性編輯面板進行隨心所欲的自定義,驚不驚喜?當然,如果你是代碼大神,我們也支持你繼續(xù)手寫代碼,封裝自己的組件進行個性化定義,內(nèi)置組件和手寫代碼混合開發(fā)的方式也同樣支持
最最最重要的是,你可以輕松預覽制作好的動畫效果并且還能模擬各種狀態(tài)來進行調(diào)試!怎么樣,是不是躍躍欲試了呢?
2.批量操作一鍵適配
資源一個個添加?擔心資源遺漏?
更新素材無法覆蓋?
NO!再也沒有這些煩惱~
本次編輯器增加了批量操作功能,設計師在創(chuàng)建主題包時可以先通過批量操作生成一個基礎(chǔ)包,再進行針對性的個性化修改,有沒有感覺效率UPUP了呢!
3.在線更新快速升級
最后一個不容錯過的功能是一在線更新!
當編輯器的功能、模板、插件有升級版本時,本地客戶端能夠自動收到更新提醒,升級后自動覆蓋舊版本,不需要再重復下載,節(jié)省電腦空間~
除了三大亮點外,熟悉咱們編輯器的盆友還可以看出其他方面的升級,譬如更流暢啦,操作更方便啦,界面更美觀等等等,總的來說,使用體驗杠杠的!
Miui主題編輯器更新說明
1.新增增量打包邏輯,大幅提高非首次打包時的速度
2.優(yōu)化win下應用主題的速度,優(yōu)化主題包解包速度
熱門評論
最新評論