Android UI設計工具：Mirror

---

介紹一個好用的Android UI設計工具，他的主要特色在於

• 可以直接在Eclipse 或者 Android Studio中編輯介面布局的XML檔
• 編輯同時可以，立即地預覽介面布局在實機或模擬器上的呈現效果

可以參考一下Mirror的介紹影片：https://www.youtube.com/watch?v=T_ejLgw2TNM

---

安裝Mirror

     使用方法很簡單

• 連結官網： http://jimulabs.com/
• 按下Get Mirror
  
• 選擇版本，本文下載免付費的個人使用版(Indie)
  
• 接著下載你的作業環境版本還有在你的裝置上安裝Mirror App
  
• • 本例的作業環境為Windows( MirrorServer-Windows-1.1.1-Dec16.zip)
  • Google Play：App連結
    

---

使用方式

• 啟動你的Android裝置，並且開啟jimi Mirror App
  
• 解壓縮剛剛的壓縮檔，開啟程式目錄底下的bin資料夾(Mirror Server\bin)
  
• • 如果你使用32位元的系統則執行mirror32bit
  • 如果你使用64位元的系統則執行mirror64bit
    
• 第一次使用時先點擊右下角的齒輪按鈕，設定好你的ADK路徑
  
• 按下Add project...鈕加入想要預覽的專案，按下Start執行
• jimu Mirror會顯示專案底下的所有xml布局描述檔
  
• 接著就像平常的操作方式，我們在Eclipse中編輯xml檔
  
• 對xml檔做修改按下儲存，Mirror會即時更新你的畫面布局
  
• 最上方會有提示訊息告訴你有哪些更新或異動操作

---

結語

• Eclipse只有靜態的呈現效果，因此在做些需要考慮時間因素的動態效果時，Mirror特別方便
• 想在實機上檢視預覽效果時，不必重複的安裝apk