提升開發體驗,預覽 VirtualView

Longerian發表於2018-03-06

前面一文介紹了 VirtualView 工具的更新,但是我們還需要更加方便的開發體驗,比如實時預覽。在貓客內,我們配合模板平臺,整合了掃碼預覽的能力。對於開發階段,我們還需要從模板編譯到預覽的一條龍服務,因此封裝了這麼一個小工具。

工具提交在 github

簡介

本指令碼基於 buildTemplate.sh 指令碼,整合了『編譯』-『上傳』-『重新整理』的流程。目的在於讓模板編寫之後自動重新整理預覽。

依賴環境

  • python
  • adb
  • Java

使用方法

python buildAndPreview.py VH2Layout

引數是模板名稱,也就是當前要修改、預覽的模板,與 templatelist.properties 裡的名稱一致。

previewconfig.conf 配置引數

  • 推送編譯後的 .out 檔案到手機儲存的路徑
[path]
target = /sdcard/com.tmall.wireless.virtualviewdemo/virtualview/
複製程式碼
  • 預覽app的預覽介面
[preview]
activity = com.tmall.wireless.virtualviewdemo.debug/com.tmall.wireless.virtualviewdemo.PreviewActivity
複製程式碼

以上預設值都是基於 VirtualView-Android 的 demo 裡配置的,可以自行遷移 demo 程式碼到自己的 app 環境中進行預覽。

預設配置檔案:

提升開發體驗,預覽 VirtualView

預覽客戶端

預設基於 VirtualView-Android 的 demo,當有自定義控制元件的時候,需要修改預覽 app 裡,新增自定義元件註冊邏輯,因此建議參考 demo 配置自己的預覽環境。(注意確保手機有讀SD卡許可權)

演示

提升開發體驗,預覽 VirtualView

相關文章