![c43b8f199eda1876a3b223818c22549a.png](https://img-blog.csdnimg.cn/img_convert/c43b8f199eda1876a3b223818c22549a.png)
Hello,大家好,这里是TopOne软件管家!
今天教大家简单的做一个APP,大家可能好奇,制作APP不是需要代码吗?其实是这样,有大佬把APP的框架已经搭好了,我们只需要借助它的框架填一些参数,就能简单的制作一个APP。
我们要借助的软件是Fusion App(FA)。
下载链接:由于限制,详情查看微信公众号(TopOne软件管家)
对于大部分小白来说,利用网页去制作APP无疑是一个高效的方式,我只是领大家入门,更多进阶玩法就需要大家加入官方群去学习了!
网页转应用
进入软件,我们首先选择一个模板,本身FA只提供最基本的模板样式,如果想要追求花里胡哨,就需要一定的代码基础了!
常见的模板样式有顶栏模板、标签栏模板、低栏模板、纯低栏模板、空白模板,支持嵌套(多个组合使用)
具体样式如下图:
![b232eb435d433b657847cfa9f8b64556.png](https://img-blog.csdnimg.cn/img_convert/b232eb435d433b657847cfa9f8b64556.png)
选择好模板,点击创建,输入应用名称(应用包名会自动补全)
![033fe52a7552f053d630cb43c30dbefc.png](https://img-blog.csdnimg.cn/img_convert/033fe52a7552f053d630cb43c30dbefc.png)
顺便多说一句,今天的网页示例是我们前天分享的牛牛TV。
链接:http://www.ziliao6.com/tv/
然后我们就进入工程编辑的界面,有配置、组件、属性三个选项。接下来我将分别介绍这三项。配置:
点击安卓图标可以自己设计一个图标,也可以从网上下载一个作为自己APP的logo,版本号自己修改;
下面的通用控制注意一下启用启动图,开启的时候可以上传一张图片作为APP的启动图;
浏览器配置中启动网页可以填入链接,把网页作为自己APP的启动页面;
而配置中的其它选项需要更深一步的学习,这里就不多做介绍,具体可以实现的功能如去广告、删除一部分不想要的元素、自己设计版面、自己添加功能等。
组件:
组件是我们要重点学习的内容,我这里选择了一个标签栏模板,第一步带大家了解每个板块:
![d11cfe81e5e9e563a41cd6d9e3e9fd13.png](https://img-blog.csdnimg.cn/img_convert/d11cfe81e5e9e563a41cd6d9e3e9fd13.png)
这样就可以在组件中找到对应的板块修改相应的内容了。
以标签栏为例,点击项目,修改项目名称,然后输入链接,同理应用于所有板块的修改。
![e042ab961756b2f451d401efccfbe078.png](https://img-blog.csdnimg.cn/img_convert/e042ab961756b2f451d401efccfbe078.png)
顶栏的搜索框类似于浏览器上面的地址栏。最后说一下悬浮按钮。
开启悬浮按钮,里面可以添加选项,同样是修改名称,添加对应链接。
![dbe48d0f151a35a962e50e178998e2fc.png](https://img-blog.csdnimg.cn/img_convert/dbe48d0f151a35a962e50e178998e2fc.png)
有了我上面的图,属性中的选项就特别好理解了!属性:
![ecef347d16e30b44ae131ee99d8da8e8.png](https://img-blog.csdnimg.cn/img_convert/ecef347d16e30b44ae131ee99d8da8e8.png)
注意:dp是APP中的一个长度单位,大家可以微调一下来确定大约修改成什么数值。其它注意事项:
上面的播放符号可以在我们修改一些内容的时候预览效果;
打包安装是最后的收尾工作,就是生成一个apk执行文件。
![26b607f2ef18f72d9ab8b521b2d60276.png](https://img-blog.csdnimg.cn/img_convert/26b607f2ef18f72d9ab8b521b2d60276.png)
知道仅凭这些叙述大家可能会很懵,点击FA左上角的三条横线—>作品演示—>任意点击一个作品长按(查看它修改的内容)
了解我上面提到的内容再搭配作品示例中的信息,相信大家会很快掌握简单的APP制作步骤,如果要更深一步学习,在关于中有加入官方群选项,在那里你可以学到更多。
![0026e2f110e80fd10ad37266c754cbdb.png](https://img-blog.csdnimg.cn/img_convert/0026e2f110e80fd10ad37266c754cbdb.png)
最后我用一个空白模板制作了牛牛TV的APP(其实就是填入了一个启动链接),唯一做了一点修改就是把下面的版权所有…那些字去掉了!
![d6e7d6f3662d95d22b1d445fa11afa1e.png](https://img-blog.csdnimg.cn/img_convert/d6e7d6f3662d95d22b1d445fa11afa1e.png)
牛牛TV的下载链接(管家胡乱制作的):链接查看微信公众号
微信公众号:TopOne软件管家
文章标题:教大家制作一个简单的APP,如何?
文章链接:
教大家制作一个简单的APP,如何?mp.weixin.qq.com![79424c120e98b9e312a2e46899ff0365.png](https://img-blog.csdnimg.cn/img_convert/79424c120e98b9e312a2e46899ff0365.png)