打造属于你的个性化软件

126次阅读
没有评论

前言

小声叭叭:本文绝无套路,所有操作有手就行,没手有钱也行

开发 APP 自古以来在正常人眼里就是件神奇的事情。但是,你知道 APP 是怎样开发的吗?正常一个 APP 需要一个完整 Java 项目,自写布局(xml 布局),自写事件……还要根据开发版本对清单进行修改,是一件很麻烦的事。加上上线后的维护、迭代……正常人根本忙不过来。

想用更少的脑汁来开发一样有趣的 手机 APP?Follow ME!

本文亮点:

  • 免费设计网页

  • 简易软件制作


正文

必要资源

物理设备

首先,想尽一切办法整到一台 Android 7+ 的设备(且最好小于 Android 10),可选方式:

  • 手机

  • 云手机

  • 虚拟机

  • 电脑上的安卓模拟器

  • 电脑上的安卓系统(如 Phoenix OS,凤凰系统)

软件

接着介绍本文所用开发工具——Fusion App(以下简称 FA,其开发者为酷安大佬 @寒歌)。

鉴于上面最新版本打包有 Bug ,且 2.0 也内测了很久了,怕大家找不到相对稳定的版本,这里统一给一下:

夸克网盘:https://pan.quark.cn/s/872af9012e62

城通网盘:https://url72.ctfile.com/f/33764972-644877613-3db5b0?p=0116 (访问密码: 0116)

安全情况:

下面是该软件基础信息清单

打造属于你的个性化软件

下面是疼讯哈勃分析系统给出的结果

打造属于你的个性化软件

下面是 VirScan 的结果:

打造属于你的个性化软件

报错率 15% 以上,说一下比较有代表性的:

  • 报毒:QQ 手机管家、按天、江民

  • 不报毒:AVG、爱维士、ESET、百度、金山、奇虎 360

至于安全性大家自己判断吧,其中报毒的原因不排除其他人利用相同原理制作过病毒并被检测。


这里我用的是电脑,先安装了一个模拟器。然后在模拟器里面装好 Fusion App ,并在电脑浏览器上打开 FlowUs 。

打开 FA ,可能会看到一条类似报错的消息被弹出,经验告诉我这没什么大碍。

创建工程

点击右下角的『 + 』号,弹出一个选择模板的页面:

打造属于你的个性化软件

由于此次用到的内容页面为单页,且需要设置侧边栏以给出部分联系自己的信息和让软件更完善,我们选择创建『顶栏模板』,点击『创建』。

弹出一个填写『应用名称』和『应用包名』的弹窗:

打造属于你的个性化软件

应用名称自己填,软件包名一般以 com.yourname.appname 为标准,但是可以根据需要自行修改,如向我这么填:

打造属于你的个性化软件

创建后会自动打开新工程编辑页面:

打造属于你的个性化软件

在这里先说明以下,该开发软件主要用于打包网页为应用,可用编程语言为 Lua,但是也可以通过自写布局等方式自己写界面。之前我的项目 QzSharer 就是这么开发的,但是不是用此软件。

简单配置

我们先点击图标去重新制作一个图标,以替换掉此不好看的安卓机器人图标。

选择图标设计器,你会看到这样一个界面:

打造属于你的个性化软件

上面那个有圆角处理的正方形为图标预览,我们点击下面的『设置图标』按钮,可以分别从图标仓库选取矢量图或从本地选取图片作为图标内容,但是也可以直接点击右边『设置文字』,以文字为图标。

我从图标仓库-质感里选取了一张名为 leaf 的矢量图(一片树叶)作为图标:

质感栏里的这些图标是来自 Google 开源出来的 Material Design Icons 仓库。

打造属于你的个性化软件

通过设置背景色、调整『圆角弧度』、『内容范围』使图标变得好看。

由于内容图标颜色默认白色且不可修改,请尽量把背景色设置得暗色些,比较显眼。

实在不懂配色可以进去『配色参考』里面选择一些好看的颜色组合并复制其十六进制代码。

由于本人设计天赋不行,只能大概设计出这个样子得东西:

打造属于你的个性化软件

然后别忘记点击『应用到工程』来为工程选定设计好的图标,步骤:点击『应用到工程』-选择刚刚新建的项目。

返回到工程编辑页面,发现图标还是个安卓机器人,不要慌,这是因为该页面不是动态加载的,直接返回后重新进入就好啦!

打造属于你的个性化软件

设计网页

我们切换到浏览器:

打开网页:FlowUs 息流 - 新一代生产力工具

这是一个「以云端笔记为载体,配合在线文档、知识库、文件夹等多形态功能,为个人和团队提供数字信息管理与协同的一站式工作中心」。目前该应用支持多端且界面干净,个人使用免费套仓也够用。

此产品的特色是:

  • 告别碎片化管理(云文档)

  • 构建高效工作流(团队协作)

  • 让信息动起来(多维表)

  • 万千资源触手可及(网盘)

其内容模板超多,覆盖:

  • 工作通用

  • 产品经理

  • 销售商务

  • 市场运营

  • 人力资源

  • 设计

  • ……

作为云笔记新手以及没钱没技术建站的我们(Of course except me),我强烈建议注册一个(注册时填写邀请码 X1UV91 可得积分哦!)

注册并登录完后,可以在个人页面处新建一个页面或者直接点击以自己头像为图标得页面,编辑一下页面内容(标题、新建块、添加你的座右铭等),使你的页面变得完善:

然后点击右上角得『分享』,复制你的页面专属链接。

下图为手机端视图。

打造属于你的个性化软件

我们把这个链接填入 FA 工程的浏览器配置-启动网页中:

打造属于你的个性化软件

点击右上角运行,确保软件及链接是否都配置好:

打造属于你的个性化软件

很明显,成功了,接下来进行下一步操作:

工程深层配置

我们在页面里可以很明显看到顶栏和底部的 FlowUs 的广告和几个他们的内链,且还有一个有可能会被当做玩具的『举报』键。

为了删除这些内容,我们得用到网页控制项,点击新建,可以看到一个「添加网页控制项目」弹窗被弹出且要求填入域名、删除元素等内容。

我们先把域名 flowus.cn 填入,然后再控制事件-删除元素中填写下面我整理好的要删除元素的 class 名:

bg-white1,flex flex-col justify-center items-center mb-16

打造属于你的个性化软件

运行一下:

打造属于你的个性化软件

你看看,页面是被处理得如此的干净,而且在这里面所有的页面都会被进行广告、顶栏去除,前提是其网页网站域名为 flowus.cn

然后就是程序页面美化了:

程序页面美化

浏览器配置

首先在配置页里的浏览器配置关闭支持打开外部应用、启用进度条这样会让网页和壳更和谐,更像个软件。

然后为了有特效可以考虑把网页沉浸开了。

打造属于你的个性化软件

顶栏菜单

点击标签栏的『组件』,把退出项删除(长按后删除)。

侧滑栏

侧滑栏配置中打开启用侧滑栏,如果你需要设置侧滑栏顶部图片也可以开启相关开关并设置图片。

下方侧滑栏·列表项目中点击 + ,分别创建以下两项:

  • 联系(图标建议:email)

事件代码示例(要学会利用封装好的中文函数):

对话框()
.设置标题("联系")
.设置消息("有事找我,试试一下联系方式:")
.设置积极按钮("QQ",function()
  联系QQ(2736550029)
end)
.设置消极按钮("邮箱",function()
  发送邮件("gkcoll@111.com")
end)
.设置中立按钮("取消")
.显示()
  • 关于(图标建议:leaf)

事件代码示例:

对话框()
.设置标题("关于")
.设置消息("开发工具:Fusion App\n代码提供:灰尘疾客\n开发者:Your_name……")
.设置积极按钮("确定",function()
  显示消息("点击了确定")
end)
.设置中立按钮("我的博客",function()
  webView.loadUrl("https://www.gkcoll.xyz")
end)
.显示()

悬浮按钮配置

启用悬浮按钮,设定图标(推荐关键词:share)

事件代码示例

分享文本("我发现了一个好玩的 APP ,你也下载试试吧!\n下载链接:https://www.gkcoll.xyz")
print("正在分享内容...")
--悬浮按钮点击时执行的事件

属性

再标签栏打开属性,找到『应用配色』,在这里修改你想要显示的颜色以及部件的文字等属性(不多啰嗦)。

尾结

操作到这,一个软件就基本制作好了。接下来,你只需要打包软件,安装软件,并把你的软件分享出去即可。

关于维护

这个得分情况:

  • 内容

这个直接再 FlowUs 里进行修改即可。

  • 应用结构

这个需要修改工程项目后修改版本名,重新打包以对软件进行更新。

总结

一篇水文,杂揉了一点恰饭的内容,成功把两个内容结合在一起:

  • 零技术免费建站

  • 小白一条龙制作软件教程

希望你的喜欢♥~

灰尘疾客
版权声明:本站原创文章,由 灰尘疾客 2022-08-10发表,共计3183字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码