FusionApp 模板怎么选:五种界面差别与图标、脚本定制
本篇讲创建工程时五种模板的取舍、启动图与沉浸模式、图标从哪来,以及脚本注入这类进阶玩法;工具的安装见 安卓版下载与安装.md,主线流程见 网页打包成安卓应用教程.md。
一、五种模板的差别
点加号创建工程时的五选一,决定的是网页外面那层「壳」的形态:
| 模板 | 界面形态 | 适合的场景 |
|---|---|---|
| 顶栏 | 顶部一条标题栏 | 单页面站点:博客、文档页、工具页 |
| 标签栏 | 顶部可切换的多个标签 | 站点有多个平行栏目,想一键切过去 |
| 底栏 | 底部一排按钮 | 常用入口固定在拇指够得着的位置 |
| 纯底栏 | 底部按钮 + 更简的顶部 | 想把屏幕尽量让给网页内容 |
| 空白 | 什么壳都不加 | 先跑通流程,或网页自己带完整导航 |
拿不准就先用空白或顶栏创建,预览确认网页能正常加载后,再换模板重建工程比着看。模板只是外壳,换模板不影响网页内容本身。
二、启动图与沉浸模式
配置页里跟观感直接相关的两项:
- 启动图:应用打开时先展示的那张图,选本地图片即可。调节图片位置时要拖图片的四个角,点中间是拖不动的;
- 打开网页沉浸:勾上后网页内容延伸到状态栏下面,观感更接近原生应用;个别站点开了会出现顶部元素被遮挡,遇到就取消勾选。
三、图标从哪来
打包出的应用要有图标,三条路任选:
- 图标仓库:内置一千多个矢量质感与扁平风格的图标,直接挑、随手换色;
- 图标设计器:仓库里没有合适的就自己画一个,素材直接带进工程;
- 导入图片:用你自己的图当图标,方形原图效果最稳。
挑好之后到 左上角菜单 → 清单 → 图标 把它设成应用图标。
四、进阶:组件、点击事件与脚本
跑通主线之后,想让成品更接近原生应用,可以动这几处:
- 组件装卸:模板上的顶栏、底栏、标签栏都能自由装卸与定制,跟网页内容搭配着调;
- 网页控制:站点顶部碍事的横幅、「打开应用」提示条,可以按类名从页面里删掉;
- 点击事件:给页面元素绑定自定义行为,配置项都在工程里逐个试;
- 脚本注入:工程支持插入 JavaScript,也能用 alua 语言写事件与函数,处理元素增减、页面逻辑——这是 FusionApp 区别于简单网址生成器的核心能力,具体语法以应用内手册为准(入口在左上角菜单)。
五、改完没生效?
模板、图标、启动图、脚本这类工程改动,预览只在工程里生效——要重新打包安装到手机上才是最终效果。只改了工程没重打包,桌面上那个应用还是旧样子,这不是故障。主线回顾见 网页打包成安卓应用教程.md,工具介绍页见 FusionApp 介绍站。