个人项目——机智云开源APP基础修改教程(Android)
之前写过一篇STM32接入机智云的教程,最后说要有时间给大家写一篇修改机智云开源Demo APP的教程,刚好楼主考完直流传动,然后帮小学弟的一个32项目接入了机智云,然后打算帮他修改一下Demo APP,借此机会,给大家分享一下经验。
博客只涉及最基础的修改,包括APP名称、启动图、操作界面的修改,只是看起来想是自己开发的APP,而不是一看就是机智云的Demo,相当于增加了自己的特色进去,废话不多说,开始吧!
首先打开个人项目
把Product Secret复制下来,接下来是我定义的数据点
点击应用配置——添加新应用
填好名称,选择Android,点击添加
点击应用开发,选择Android,填入Product Secret,点击生成代码包
点击下载
下载下来的是一个压缩文件,因为楼主能力有限,身为一个电气的学生没有正儿八经的去学过Java和Android,所以只研究了一下下Android Studio的简单操作,如果有Android大神可以进一步开发,这个个人感觉还是比较适合跟我一样的小白。然后我们选择Android Studio文件夹,并把它复制到G盘根目录(这个无所谓,放那个盘都可以)
然后电脑没有Android Studio的小伙伴可以自行下载安装,没有特殊技巧的http://www.android-studio.org/
我记得还要装Java的JDK的http://www.oracle.com/technetwork/java/javase/downloads/index.html
百度都有教程,安装非常简单,Java8就可以了,再接下来,去千图网等网站下载一个logo和一个启动页,
然后用PS进行处理,启动页的尺寸是1242*2208
处理完是这个样子
logo是96*96的,背景最好透明
处理完是这样
现在准备工作都做完了,开始改代码
打开Android Studio,选择第二项打开已经存在的项目,然后选择路径(解压的那个文件夹)
打开项目之后切换到工程视图
把刚才处理好的图片复制粘贴到drawable-xhdpi目录下
先来更换启动图,找到下图的目录文件AndroidManifest.xml的第70行,按住Ctrl,鼠标左击@style/My Start
然后自动进入style.xml目录下,找到第60行,按住Crtl,鼠标左击@drawable/background
跳转到background.xml文件,修改第7行的路径为我们制作并粘贴到工程下的welcome.png,只需更改上文件名即可
启动图就算改完了,接下来改logo,还是AndroidManifest.xml文件,找到第64行
同样的修改文件名换成我们自己制作的图片
这样logo也改好了,然后我们改APP设备名前面的小图标,首先找到GosDeviceListActivity.java,然后找到第113行,按住Ctrl,鼠标左击GosDeviceAdapter
跳转到 GosDeviceAdapter.java后找到第65行,按住Ctrl,鼠标左击item_gos_device_list
这时就出来了已连接设备时的视图,双击右侧黄色的图标,代码自动定位到这一部分,修改路径为我们的logo路径
这样,设备的图标也改好了
最后我们更改监控界面,找到GosDeviceControlActivity.java,然后找到第93行,按住Ctrl,左击activity_gos_device_control
跳转到监控界面
双击对应的监控项名称,代码自动跳转,修改text项为中文名称
最后效果如下
打开手机的USB调试,并连接电脑
点击视图上方的运行
选择手机,点击OK,代码编译完之后自动安装到手机
看一下咱们做的APP的效果,开启虚拟设备,设置几个值,推送一下
APP没问题,最后一步,把APP导出,点击Build——Generate Signed APK
点击Create New
选择jks存放的路径
填写其他信息,点击OK
点击Next
点击finish,APP就导出到你刚才指定的路径了
至此,教程结束,谢谢大家,也欢迎大家关注我的个人技术与资源分享公众号“linkutures”