机智云开源框架二次开发之换皮肤,几乎不用改代码-Arduino中文社区 - Powered by Discuz! Archiver

机智小子 发表于 2021-4-1 17:57

机智云开源框架二次开发之换皮肤,几乎不用改代码

本文来自机智云开发者采用一个“取巧”的方法,实现机智云开源框架下的换肤操作。此外,还会推荐几种其他关于智能产品APP应用的开发。

正文如下:
我最近在做基于机智云物联网平台的智能窗户设计,硬件部分经过前面几天大致完成以下内容:1、步进电机控制窗户开关;2、温湿度测量;3、OLED显示;4、红外报警、烟雾报警、雨滴报警等内容。
https://club.gizwits.com/data/attachment/forum/202104/01/164939lgywhcghcc5ycogo.jpg.thumb.jpg
今天开始APP端的开发。由于之前没有任何APP开发基础,想要在短期内实现功能,所以我找了一个非常便利的开源框架——机智云物联网平台的开源框架,进行学习和修改,完成需要的内容。
关于机智云开源框架
开源框架是机智云物联网平台的出品,包含Wi-Fi类智能硬件app通用功能的一套源码。只要使用机智云协议的产品,开发者可以直接用该框架的源码实现快速开发配套app,从而满足app开发周期短、成本低的要求。
机智云提供了Android和iOS版的开源框架,在其文档中心有关于此开源框架的开发指南,甚至提供了相关的开发视频,在下图的文档中心都可以找到,这个平台对个人开发者的产品测试接入是全部免费,可实现快速开发,还是很推荐像我一样的新手使用。
https://club.gizwits.com/data/attachment/forum/202104/01/165054iitukuxjod8v4kn4.png.thumb.jpg
https://club.gizwits.com/data/attachment/forum/202104/01/165100j1db5ibi2d2ax7zd.png.thumb.jpg
机智云开源框架的介绍
这个开源框架从哪儿来?有几种方式。第一种,在机智云开发平台定义好数据点后,在线生成APP代码包,并下载官方的开源框架。生成的代码包中还提供了开发手册。
【强烈建议这种】第二种,在机智云下载中心下载,但是这种需要自己对Android开发有一定基础。机智云开发平台:https://dev.gizwits.com/zh-cn/developer/product/机智云下载中心:https://download.gizwits.com/zh-cn/p/92/93
按照开发手册在Android Studio打开,编译成功即为下图所示结构。https://club.gizwits.com/data/attachment/forum/202104/01/165241ieazqmiqvqu34cwu.png.thumb.jpg
1、文件夹 lib 下放的是机智云官网提供的包括发现设备、连接设备、控制设备和回调设备的方法封装,以及机智云帐号的注册登录整个过程。方便开发者使用。2、文件夹 assets 下放的是 UIConfig.json配置文件。开发者可以在里面配置和修改一些参数,包括pk、appid、ui颜色和各种第三方推送平台的参数。3、文件夹 GizOpenSource 下放的是代码块:
https://club.gizwits.com/data/attachment/forum/202104/01/165303k0ag4zhgsegkxsa1.png.thumb.jpg
之后的开发就是在这个开源框架的基础上进行一些我们自己的修改。让它实现“物联网控制”的相关功能。顺便让它看起来像我们自己的app。换言之,就是给这个框架,穿上我们自己喜欢的衣服。
机智云的二次开发——换皮肤
女生思维里,开发这件事情,还是换皮肤最让人开心。今天先简单换一下app的logo和启动页面。
step1:准备两张自己的图
https://club.gizwits.com/data/attachment/forum/202104/01/165341kss2s62jhpt2pl2l.png.thumb.jpg
https://club.gizwits.com/data/attachment/forum/202104/01/165406aplklmputtlk56kr.jpg.thumb.jpg
step2:(一种不改代码的换皮肤**)在project工程页面下找这个
https://club.gizwits.com/data/attachment/forum/202104/01/165426zt1ew8a8aljawqt8.png.thumb.jpg
step3:双击相关图片查看内容如果是app原始的logo图就右击一下,删掉这张图,然后复制自己的图在此目录下,命名为一样的名字这样就不需要改代码了
https://club.gizwits.com/data/attachment/forum/202104/01/165615dfqoeqnu2spqolf6.png.thumb.jpg
这两个一个是原始logo,一个是原始启动页面删除后复制自己的图片就可以了
Android的开发还是很值得深入学习的,像我这样确实有点投机取巧了。如果开发时间宽裕的话,还是建议看到的朋友多了解一些,而不是我这么肤浅。换皮肤其实还有比较专业的换法,在代码里找到图片引用的位置,更改所引用图片名。
如果开发时间很着急的话,建议使用现在“新版机智云开发平台”的“赛博坦工具”。使用它可以在线设置很多内容,如APP应用图标、启动页、主题色、默认壁纸、Slogan、公司简介;即便是用了官方提供的APP模板,也能修改这些内容。
可以在线配置多种功能,如第三方登录、多语言配置、Siri管理、定位功能、消息推送;一键关联,即可支持国内外多个第三方语音控制;在线记录应用版本,能方便直观看到每次更新后APP的变化在哪。
https://club.gizwits.com/data/attachment/forum/202104/01/165505kptd1xm4mknn0zdx.gif
页: [1]
查看完整版本: 机智云开源框架二次开发之换皮肤,几乎不用改代码