想不想擁有一個(gè)自己專屬的App句狼?如果你有個(gè)個(gè)人的網(wǎng)頁(yè)呐粘,那么使用FusionApp+10分鐘你就可以擁有自己的App岗宣。
此文為FusionApp的粗淺入門教程蚂会,其他的博主還未深究。
第一步 安裝FusionApp
百度搜索FusionApp耗式,安裝下載胁住。
第二步 創(chuàng)建模板及配置
進(jìn)入FusionApp,點(diǎn)擊右下角+號(hào)創(chuàng)建模板刊咳,進(jìn)入如下頁(yè)面:
image
分為 頂欄模板彪见、標(biāo)簽欄模板、底欄模板娱挨、純底欄模板余指、空白模板。這里選擇了頂欄模板(看自己需求)跷坝。
輸入應(yīng)用名酵镜,點(diǎn)擊創(chuàng)建。
image
打開(kāi) 啟用啟動(dòng)圖
image
選擇圖片
image
點(diǎn)擊框框的幾個(gè)角柴钻,一定要點(diǎn)擊角才能調(diào)節(jié)大小
image
設(shè)置啟動(dòng)網(wǎng)頁(yè)(自己網(wǎng)站的域名)淮韭,如下
image
點(diǎn)擊右上角的按鈕預(yù)覽一下我們的App
image
設(shè)置屬性
默認(rèn)頂欄為黑色,部件為白色贴届。
image
頂欄改為白色靠粪,頂欄部件改為黑色(字體和圖標(biāo))
image
image
image
點(diǎn)擊修改頂欄標(biāo)題
image
修改后效果如下
image
設(shè)置組件
image
點(diǎn)擊設(shè)置測(cè)滑欄圖片
image
設(shè)置測(cè)滑欄圖片效果如下:
image
添加側(cè)滑欄項(xiàng)目(每日簽到)
image
選擇從圖標(biāo)倉(cāng)庫(kù)中選取圖標(biāo)
image
隨便找個(gè)圖標(biāo)。
image
設(shè)置側(cè)邊欄項(xiàng)目效果如下:
image
制作圖標(biāo)
點(diǎn)擊左側(cè)側(cè)邊欄 毫蚓,點(diǎn)擊圖標(biāo)制作
image
進(jìn)入圖標(biāo)制作如下占键,點(diǎn)擊設(shè)置圖標(biāo),選擇我們自己的圖片
image
可以看到我們的圖片不能完全改到綠色的背景绍些,點(diǎn)擊設(shè)置背景
image
設(shè)置為白色
image
點(diǎn)擊設(shè)置到工程捞慌,選擇我們的App
image
圖標(biāo)設(shè)置效果如下
image
打包安裝
點(diǎn)擊右上角,打包安裝
image
打包完成后開(kāi)始安裝應(yīng)用
image
選擇了解風(fēng)險(xiǎn)柬批,繼續(xù)安裝
image
安裝成功啸澡,打開(kāi)應(yīng)用。
image
打開(kāi)App,啟動(dòng)頁(yè)面
image
打開(kāi)效果如下:
image