收藏官网首页
查看: 144|回复: 0

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

139

主题

151

帖子

6068

积分

版主

Rank: 7Rank: 7Rank: 7

积分
6068
 楼主| 发表于 2021-4-1 17:05:08 | 显示全部楼层 |阅读模式
汉枫LPB120模块
本帖最后由 Kara 于 2021-4-1 17:15 编辑

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



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

正文如下:
我最近在做基于机智云物联网平台的智能窗户设计,硬件部分经过前面几天大致完成以下内容:
1、步进电机控制窗户开关;
2、温湿度测量;
3、OLED显示;
4、红外报警、烟雾报警、雨滴报警等内容。

1.jpg

今天开始APP端的开发。由于之前没有任何APP开发基础,想要在短期内实现功能,所以我找了一个非常便利的开源框架——机智云物联网平台的开源框架,进行学习和修改,完成需要的内容。

关于机智云开源框架

开源框架是机智云物联网平台的出品,包含Wi-Fi类智能硬件app通用功能的一套源码。只要使用机智云协议的产品,开发者可以直接用该框架的源码实现快速开发配套app,从而满足app开发周期短、成本低的要求。

机智云提供了Android和iOS版的开源框架,在其文档中心有关于此开源框架的开发指南,甚至提供了相关的开发视频,在下图的文档中心都可以找到,这个平台对个人开发者的产品测试接入是全部免费,可实现快速开发,还是很推荐像我一样的新手使用。

2.png

3.png

机智云开源框架的介绍

这个开源框架从哪儿来?有几种方式。
第一种,在机智云开发平台定义好数据点后,在线生成APP代码包,并下载官方的开源框架。生成的代码包中还提供了开发手册。

【强烈建议这种】
第二种,在机智云下载中心下载,但是这种需要自己对Android开发有一定基础。
机智云开发平台:https://dev.gizwits.com/zh-cn/developer/product/机智云下载中心:https://download.gizwits.com/zh-cn/p/92/93

按照开发手册在Android Studio打开,编译成功即为下图所示结构。
4.png

1、文件夹 lib 下放的是机智云官网提供的包括发现设备、连接设备、控制设备和回调设备的方法封装,以及机智云帐号的注册登录整个过程。方便开发者使用。
2、文件夹 assets 下放的是 UIConfig.json配置文件。开发者可以在里面配置和修改一些参数,包括pk、appid、ui颜色和各种第三方推送平台的参数。
3、文件夹 GizOpenSource 下放的是代码块:

5.png

之后的开发就是在这个开源框架的基础上进行一些我们自己的修改。
让它实现“物联网控制”的相关功能。顺便让它看起来像我们自己的app。
换言之,就是给这个框架,穿上我们自己喜欢的衣服。

机智云的二次开发——换皮肤

女生思维里,开发这件事情,还是换皮肤最让人开心。
今天先简单换一下app的logo和启动页面。

step1:准备两张自己的图

6.png

微信图片_20210401165358.jpg

step2:(一种不改代码的换皮肤**)在project工程页面下找这个

7.png

step3:双击相关图片查看内容
如果是app原始的logo图
就右击一下,删掉这张图,然后复制自己的图在此目录下,命名为一样的名字
这样就不需要改代码了

8.png

这两个一个是原始logo,一个是原始启动页面
删除后复制自己的图片就可以了

Android的开发还是很值得深入学习的,像我这样确实有点投机取巧了。
如果开发时间宽裕的话,还是建议看到的朋友多了解一些,而不是我这么肤浅。换皮肤其实还有比较专业的换法,在代码里找到图片引用的位置,更改所引用图片名。

如果开发时间很着急的话,建议使用现在“新版机智云开发平台”的“赛博坦工具”。
使用它可以在线设置很多内容,如APP应用图标、启动页、主题色、默认壁纸、Slogan、公司简介;即便是用了官方提供的APP模板,也能修改这些内容。

可以在线配置多种功能,如第三方登录、多语言配置、Siri管理、定位功能、消息推送;
一键关联,即可支持国内外多个第三方语音控制;
在线记录应用版本,能方便直观看到每次更新后APP的变化在哪。

9.gif



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

加入Q群 返回顶部

© 2011-2017 Gizwits ( 粤ICP备11090211号 )

快速回复 返回顶部 返回列表