如何实现机智云开源框架下的换肤操作?

电子说

1.3w人已加入

描述

前言

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

开发背景

我最近在做基于机智云物联网的智能窗户设计,硬件部分经过前面几天大致完成以下内容:

1、步进电机控制窗户开关;

2、温湿度测量;

3、OLED显示;

4、红外报警、烟雾报警、雨滴报警等内容。

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

关于机智云开源框架

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

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

机智云

前机智云开源框架的介绍

这个开源框架从哪儿来?有几种方式。

第一种,在机智云开发平台定义好数据点后,在线生成APP代码包,并下载官方的开源框架。生成的代码包中还提供了开发手册。【强烈建议这种】

第二种,在机智云下载中心下载,但是这种需要自己对Android开发有一定基础。 

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

机智云

1、文件夹 lib 下放的是机智云官网提供的包括发现设备、连接设备、控制设备和回调设备的方法封装,以及机智云帐号的注册登录整个过程。方便开发者使用。

2、文件夹 assets 下放的是 UIConfig.json配置文件。开发者可以在里面配置和修改一些参数,包括pk、appid、ui颜色和各种第三方推送平台的参数。

3、文件夹 GizOpenSource 下放的是代码块:

机智云

之后的开发就是在这个开源框架的基础上进行一些我们自己的修改。

让它实现“物联网控制”的相关功能。顺便让它看起来像我们自己的app。

换言之,就是给这个框架,穿上我们自己喜欢的衣服。

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

女生思维里,开发这件事情,还是换皮肤最让人开心。

今天先简单换一下app的logo和启动页面。

step1:准备两张自己的图

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

机智云

step3:双击相关图片查看内容

如果是app原始的logo图

就右击一下,删掉这张图,然后复制自己的图在此目录下,命名为一样的名字

这样就不需要改代码了

机智云

这两个一个是原始logo,一个是原始启动页面

删除后复制自己的图片就可以了

结束

Android的开发还是很值得深入学习的,像我这样确实有点投机取巧了。

如果开发时间宽裕的话,还是建议看到的朋友多了解一些,而不是我这么肤浅。换皮肤其实还有比较专业的换法,在代码里找到图片引用的位置,更改所引用图片名。

如果开发时间很着急的话,建议使用现在“新版机智云开发平台”的“赛博坦工具”。

使用它可以在线设置很多内容,如APP应用图标、启动页、主题色、默认壁纸、Slogan、公司简介;即便是用了官方提供的APP模板,也能修改这些内容。

可以在线配置多种功能,如第三方登录、多语言配置、Siri管理、定位功能、消息推送;

一键关联,即可支持国内外多个第三方语音控制;

在线记录应用版本,能方便直观看到每次更新后APP的变化在哪。

原文标题:【机智云开源框架二次开发之换皮肤,几乎不用改代码

文章出处:【微信公众号:机智云开发者】欢迎添加关注!文章转载请注明出处。

责任编辑:haq

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分