FusionApp (下面簡稱FA) 是一個使用現(xiàn)成的webApp網(wǎng)站做為嵌入內(nèi)容酪耕，組合成一個完整應用的工具軟件酒繁，可以使用Lua與JS腳本來完成更加強大可控的功能滓彰，用戶可以輕松的創(chuàng)作出一個自己的APP。
一欲逃、應用主界面
ui.jpg
FA 有三個基本界面
- 第一個是首頁找蜜，如果有創(chuàng)建好的App饼暑，會以列表方式呈現(xiàn)在主界面中稳析，如果是空的洗做，會有一個提示創(chuàng)建。
- 點擊左上角打開側邊欄彰居，里面有一個菜單诚纸，可以察看文檔，可用資源陈惰，設置一些配置畦徘。
- 點擊右上角，會彈出一個菜單抬闯，用來導入FA工程井辆，或者退出 FA
二、創(chuàng)建APP
1溶握、選擇模板
點擊主頁右下角的+號杯缺，進入到模板選擇界面
Screenshot_2018-04-12-21-38-04-179_cn.coldsong.fu.png
- 點擊預覽可以察看模板的樣式
- 點擊創(chuàng)建可以使用這個模板創(chuàng)建一個App
FA一共有5個基本模板
u2i.jpg
還有一個模板是只有內(nèi)容區(qū)域
2、創(chuàng)建應用
Screenshot_2018-04-12-21-54-14-533_cn.coldsong.fu.png
- 點擊創(chuàng)建睡榆，彈出應用名稱設置面板
- 輸入名稱萍肆，自動創(chuàng)建包名，點擊創(chuàng)建
Screenshot_2018-04-12-21-58-27-904_cn.coldsong.fu.png
3胀屿、設置應用屬性
因為我們創(chuàng)建的是一個底欄樣式的應用塘揣，我們要為每一個底欄項目指定標簽、圖標宿崭、打開的網(wǎng)頁url, 和其它設置
- 點擊組件選項卡亲铡，打開底欄項目列表
2018-04-12_221159.jpg
- 點擊選擇一個項目
- 在彈出面板中輸入入項目名稱
- 點擊項目圖標項右邊的三個點，彈出圖標選擇劳曹，我們選擇圖標庫中選取
- 我們把第一個項目當做首頁奴愉，所以打算選取一個home圖標，圖標庫中的圖標是按字母排序的铁孵，我們快速滑動到H區(qū)锭硼，找到home圖標點擊
- 在URL欄輸入網(wǎng)址，這里我們用百度首頁做為要顯示的目標蜕劝，輸入https://www.baidu.com, 點擊完成
- 點擊右上角的三角圖標運行一下
Screenshot_2018-04-12-22-10-29-275_cn.coldsong.fu.png
我們看到檀头，我們的App已經(jīng)按我們的想法顯示出來了，其它的項目也一樣的設置好岖沛。
3暑始、打包安裝
2018-04-12_222755.jpg
- 回到工程頁，點擊右上角的打包安裝菜單
- FA自動開始打包婴削，彈出安裝頁面
- 安裝后廊镜，我們看到手機桌面上出現(xiàn)了我們的第一個FA應用
B922995DD827EC6472C576DC69D44336.jpg
FA 簡單快速的把一些網(wǎng)頁打包成了一個可以在手機上瀏覽的應用APK，當然我們還可以設置應用的圖標唉俗，應用之間的跳轉關系嗤朴，注入腳本控制頁面中的元素配椭，這些我們在后續(xù)的教程中逐一說明。
