个人项目——机智云开源APP基础修改教程(Android)

        之前写过一篇STM32接入机智云的教程,最后说要有时间给大家写一篇修改机智云开源Demo APP的教程,刚好楼主考完直流传动,然后帮小学弟的一个32项目接入了机智云,然后打算帮他修改一下Demo APP,借此机会,给大家分享一下经验。

        博客只涉及最基础的修改,包括APP名称、启动图、操作界面的修改,只是看起来想是自己开发的APP,而不是一看就是机智云的Demo,相当于增加了自己的特色进去,废话不多说,开始吧!

        首先打开个人项目

个人项目——机智云开源APP基础修改教程(Android)

        把Product Secret复制下来,接下来是我定义的数据点

个人项目——机智云开源APP基础修改教程(Android)

        点击应用配置——添加新应用

个人项目——机智云开源APP基础修改教程(Android)

        填好名称,选择Android,点击添加

个人项目——机智云开源APP基础修改教程(Android)

        点击应用开发,选择Android,填入Product Secret,点击生成代码包

个人项目——机智云开源APP基础修改教程(Android)

        点击下载

个人项目——机智云开源APP基础修改教程(Android)

        下载下来的是一个压缩文件,因为楼主能力有限,身为一个电气的学生没有正儿八经的去学过Java和Android,所以只研究了一下下Android Studio的简单操作,如果有Android大神可以进一步开发,这个个人感觉还是比较适合跟我一样的小白。然后我们选择Android Studio文件夹,并把它复制到G盘根目录(这个无所谓,放那个盘都可以)

个人项目——机智云开源APP基础修改教程(Android)

        然后电脑没有Android Studio的小伙伴可以自行下载安装,没有特殊技巧的http://www.android-studio.org/

个人项目——机智云开源APP基础修改教程(Android)

        我记得还要装Java的JDK的http://www.oracle.com/technetwork/java/javase/downloads/index.html

个人项目——机智云开源APP基础修改教程(Android)

        百度都有教程,安装非常简单,Java8就可以了,再接下来,去千图网等网站下载一个logo和一个启动页,

个人项目——机智云开源APP基础修改教程(Android)

    然后用PS进行处理,启动页的尺寸是1242*2208

个人项目——机智云开源APP基础修改教程(Android)

        处理完是这个样子

个人项目——机智云开源APP基础修改教程(Android)

        logo是96*96的,背景最好透明

个人项目——机智云开源APP基础修改教程(Android)

        处理完是这样

个人项目——机智云开源APP基础修改教程(Android)

        现在准备工作都做完了,开始改代码

        打开Android Studio,选择第二项打开已经存在的项目,然后选择路径(解压的那个文件夹)

个人项目——机智云开源APP基础修改教程(Android)

        打开项目之后切换到工程视图

个人项目——机智云开源APP基础修改教程(Android)

        把刚才处理好的图片复制粘贴到drawable-xhdpi目录下

个人项目——机智云开源APP基础修改教程(Android)

个人项目——机智云开源APP基础修改教程(Android)

        先来更换启动图,找到下图的目录文件AndroidManifest.xml的第70行,按住Ctrl,鼠标左击@style/My Start

个人项目——机智云开源APP基础修改教程(Android)

        然后自动进入style.xml目录下,找到第60行,按住Crtl,鼠标左击@drawable/background

个人项目——机智云开源APP基础修改教程(Android)

        跳转到background.xml文件,修改第7行的路径为我们制作并粘贴到工程下的welcome.png,只需更改上文件名即可

个人项目——机智云开源APP基础修改教程(Android)

        启动图就算改完了,接下来改logo,还是AndroidManifest.xml文件,找到第64行

个人项目——机智云开源APP基础修改教程(Android)

        同样的修改文件名换成我们自己制作的图片

个人项目——机智云开源APP基础修改教程(Android)

        这样logo也改好了,然后我们改APP设备名前面的小图标,首先找到GosDeviceListActivity.java,然后找到第113行,按住Ctrl,鼠标左击GosDeviceAdapter

个人项目——机智云开源APP基础修改教程(Android)

       跳转到 GosDeviceAdapter.java后找到第65行,按住Ctrl,鼠标左击item_gos_device_list

个人项目——机智云开源APP基础修改教程(Android)

        这时跳转到item_gos_device_list.xml下,点击视图左下角的Text
个人项目——机智云开源APP基础修改教程(Android)
        点击右侧的Preview
个人项目——机智云开源APP基础修改教程(Android)

        这时就出来了已连接设备时的视图,双击右侧黄色的图标,代码自动定位到这一部分,修改路径为我们的logo路径

个人项目——机智云开源APP基础修改教程(Android)

        这样,设备的图标也改好了

个人项目——机智云开源APP基础修改教程(Android)

        最后我们更改监控界面,找到GosDeviceControlActivity.java,然后找到第93行,按住Ctrl,左击activity_gos_device_control

个人项目——机智云开源APP基础修改教程(Android)

        跳转到监控界面

个人项目——机智云开源APP基础修改教程(Android)

        双击对应的监控项名称,代码自动跳转,修改text项为中文名称

个人项目——机智云开源APP基础修改教程(Android)

        最后效果如下

个人项目——机智云开源APP基础修改教程(Android)

        打开手机的USB调试,并连接电脑

个人项目——机智云开源APP基础修改教程(Android)

        点击视图上方的运行

个人项目——机智云开源APP基础修改教程(Android)

        选择手机,点击OK,代码编译完之后自动安装到手机

个人项目——机智云开源APP基础修改教程(Android)

        看一下咱们做的APP的效果,开启虚拟设备,设置几个值,推送一下

个人项目——机智云开源APP基础修改教程(Android)

个人项目——机智云开源APP基础修改教程(Android)

        APP没问题,最后一步,把APP导出,点击Build——Generate Signed APK个人项目——机智云开源APP基础修改教程(Android)

        点击Create New

个人项目——机智云开源APP基础修改教程(Android)

        选择jks存放的路径

个人项目——机智云开源APP基础修改教程(Android)

        填写其他信息,点击OK

个人项目——机智云开源APP基础修改教程(Android)

        点击Next

个人项目——机智云开源APP基础修改教程(Android)

        点击finish,APP就导出到你刚才指定的路径了

个人项目——机智云开源APP基础修改教程(Android)

        至此,教程结束,谢谢大家,也欢迎大家关注我的个人技术与资源分享公众号“linkutures”

个人项目——机智云开源APP基础修改教程(Android)