利用机智云的Android开源app修改教程

前言
为了使自己的app更加的有个人风格,故在网上寻找了很多的参考资料,这里是对自己设计的总结,具体机智云app生成流程请参考我上一篇博客:基于stm32的连接机智云教程。
1、下载机智云开源app
进行以下操作之前请确保已经在机智云中创建了一个产品,下面点击添加应用,选择android生成一个app应用
然后按照提示,将密匙填入到相应位置,具体参考我上一篇博客,点击下载,将app工程下载到本地
2、andriod方面处理
2.1 、as软件安装与源码修改
android studio软件安装与源码修改
将下载好了的文件解压出来,然后将第二个文件夹复制出来,粘贴到存放android studio文件例程文件夹中,若还没有安装android studio的请参考这位大佬的详细例程,这边建议下载的android studio版本不要太新,不然工程可能编译不成功。
然后自己新建一个android工程作为参考,方便修改源码,
第一处参考新建例程修改机智云app
将此处修改为对应的新建工程的内容
第二处按照此路径参考新建工程修改,这里是我自己的按照自己的新建工程修改完毕的代码
需注意这里的compile 均替换为implementation,testcompile均替换为testimplementation。
然后可以从android studio里面打开修改好的机智云开源app,等待一段时间打开后,
2.2、修改app图标和名称
首先在网上下载相关素材备用,若大小不一,请自行修改图片或者图标的大小。这时将我们下载好的图标或者图片放置到桌面,然后分别复制一下,依次粘贴到drawable-xhdpi目录下(注意鼠标放在drawable-xhdpi上右击选paste便出现如下界面)
点击确定,将此名称复制到按照如下图这个文件,红框内既是我们可以替换的app图标,将你的图标名称填上就ok,
2.3、修改启动页面和内部ui
现在修改启动界面,这里的图片在前面我们已经复制到了相关目录下,现在可以按照下图将红框出修改成为你的图片名称,见下图
然后在172行和174行两处替换为你的设备离线图标
同样是这个目录下,在117行和119行相应位置替换为自己的设备在线图标
2.4、修改设备监控界面
这是我已经修改好的界面ui,最后效果图如下(这里的图标可自行修改为自己的图标,若是仅仅复制代码会报错)
代码如下所示,可根据需要自行修改(仅供参考,最好要读懂代码)
《?xml version=“1.0” encoding=“utf-8”?》《linearlayout xmlns:android=“http://schemas.android.com/apk/res/android”android:layout_width=“match_parent”android:layout_height=“match_parent”android:orientation=“vertical”》
《include layout=“@layout/header_toolbar” /》
《scrollviewandroid:layout_width=“match_parent”android:layout_height=“match_parent”android:background=“@color/background_color”android:fadingedge=“vertical”android:paddingbottom=“10dp”android:paddingtop=“20dp”android:scrollbars=“vertical” 》
《linearlayoutandroid:layout_width=“match_parent”android:layout_height=“wrap_content”android:orientation=“vertical”android:scrollbars=“vertical” 》《linearlayoutandroid:layout_width=“match_parent”android:layout_height=“wrap_content”android:orientation=“horizontal”android:scrollbars=“horizontal” 》
《!-- 灯(布尔可写) --》《relativelayoutandroid:layout_width=“0dp”android:layout_height=“match_parent”android:layout_marginbottom=“1dp”android:layout_weight=“3”android:alpha=“1”android:background=“@color/white”android:gravity=“center_horizontal”android:padding=“10dp”》
《imageviewandroid:id=“@+id/led”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_alignparenttop=“true”android:layout_centerhorizontal=“true”android:src=“@drawable/led” /》
《textviewandroid:id=“@+id/led_text”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_below=“@+id/led”android:layout_centerhorizontal=“true”android:layout_centervertical=“true”android:text=“灯” /》
《switchandroid:id=“@+id/sw_bool_led”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_below=“@id/led_text”android:layout_alignparentbottom=“true”android:layout_centerhorizontal=“true”android:textoff=“关闭”android:texton=“开启” /》《/relativelayout》
《!-- 蜂鸣器(布尔可写) --》《relativelayoutandroid:layout_width=“0dp”android:layout_weight=“3”android:layout_height=“wrap_content”android:layout_marginbottom=“1dp”android:background=“@color/white”android:padding=“10dp” 》
《imageviewandroid:id=“@+id/beep”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_alignparenttop=“true”android:layout_centerhorizontal=“true”android:src=“@drawable/beep” /》
《textviewandroid:id=“@+id/beep_text”android:layout_width=“wrap_content”android:layout_height=“match_parent”android:layout_centervertical=“true”android:layout_centerhorizontal=“true”android:layout_below=“@+id/beep”android:text=“蜂鸣器” /》
《switchandroid:id=“@+id/sw_bool_beep”android:layout_width=“wrap_content”android:layout_height=“match_parent”android:layout_below=“@+id/beep_text”android:layout_centerhorizontal=“true”android:layout_centervertical=“true”android:textoff=“关闭”android:texton=“开启” /》《/relativelayout》
《!-- 开关(布尔可写) --》《relativelayoutandroid:layout_width=“0dp”android:layout_weight=“3”android:layout_height=“wrap_content”android:layout_marginbottom=“1dp”android:background=“@color/white”android:padding=“10dp” 》
《imageviewandroid:id=“@+id/led1”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_alignparenttop=“true”android:layout_centerhorizontal=“true”android:src=“@drawable/kaiguan” /》《textviewandroid:id=“@+id/led1_text”android:layout_width=“wrap_content”android:layout_height=“match_parent”android:layout_below=“@+id/led1”android:layout_centerhorizontal=“true”android:layout_centervertical=“true”android:text=“开关” /》《switchandroid:id=“@+id/sw_bool_led1”android:layout_width=“wrap_content”android:layout_height=“match_parent”android:layout_below=“@+id/led1_text”android:layout_centerhorizontal=“true”android:layout_centervertical=“true”android:textoff=“关闭”android:texton=“开启” /》《/relativelayout》《/linearlayout》
《linearlayoutandroid:layout_width=“match_parent”android:layout_height=“101dp”android:orientation=“horizontal”android:scrollbars=“horizontal”》《!-- 温度(数值只读) --》《relativelayoutandroid:layout_width=“0dp”android:layout_weight=“3”android:layout_height=“wrap_content”android:background=“@color/white”android:padding=“10dp” 》
《imageviewandroid:id=“@+id/temp”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_alignparenttop=“true”android:layout_centerhorizontal=“true”android:src=“@drawable/wd” /》《textviewandroid:id=“@+id/tv_data_temp”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_below=“@+id/temp”android:layout_centerhorizontal=“true”android:layout_centervertical=“true” /》《textviewandroid:layout_marginleft=“5dp”android:id=“@+id/temp_text”android:layout_below=“@+id/temp”android:layout_torightof=“@id/tv_data_temp”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:text=“℃” /》《textviewandroid:id=“@+id/temp_text1”android:layout_toleftof=“@id/temp”android:layout_width=“wrap_content”android:layout_height=“match_parent”android:text=“温度” /》
《/relativelayout》
《!-- 湿度(数值只读) --》《relativelayoutandroid:layout_width=“0dp”android:layout_height=“wrap_content”android:layout_marginbottom=“1dp”android:layout_weight=“3”android:background=“@color/white”android:padding=“10dp”》《imageviewandroid:id=“@+id/shidu”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_alignparenttop=“true”android:layout_centerhorizontal=“true”android:src=“@drawable/sd” /》《textviewandroid:layout_marginleft=“5dp”android:id=“@+id/shidu_text”android:layout_below=“@+id/shidu”android:layout_torightof=“@id/tv_data_shidu”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:text=“%” /》《textviewandroid:id=“@+id/tv_data_shidu”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_below=“@+id/shidu”android:layout_centerhorizontal=“true”android:layout_centervertical=“true” /》《textviewandroid:id=“@+id/shidu_text1”android:layout_toleftof=“@id/shidu”android:layout_width=“wrap_content”android:layout_height=“match_parent”android:text=“湿度” /》《/relativelayout》
《!-- 光照强度(数值只读) --》《relativelayoutandroid:layout_width=“0dp”android:layout_height=“wrap_content”android:layout_marginbottom=“1dp”android:layout_weight=“3”android:background=“@color/white”android:padding=“10dp”》
《imageviewandroid:id=“@+id/gq”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_alignparenttop=“true”android:layout_centerhorizontal=“true”android:src=“@drawable/sun” /》
《textviewandroid:id=“@+id/gq_text”android:layout_marginleft=“5dp”android:layout_below=“@+id/gq”android:layout_torightof=“@id/tv_data_gq”android:layout_width=“wrap_content”android:layout_height=“match_parent”android:text=“lx” /》《textviewandroid:id=“@+id/tv_data_gq”android:layout_width=“wrap_content”android:layout_height=“wrap_content”android:layout_below=“@+id/gq”android:layout_centerhorizontal=“true”android:layout_centervertical=“true” /》《textview
android:id=“@+id/gq_text1”android:layout_toleftof=“@id/gq”android:layout_width=“wrap_content”android:layout_height=“match_parent”android:text=“光强” /》《/relativelayout》《/linearlayout》《!-- 温度阈值范围(数值可写) --》《relativelayoutandroid:layout_width=“match_parent”android:layout_height=“wrap_content”android:layout_marginbottom=“1dp”android:background=“@color/white”android:padding=“10dp” 》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“match_parent”android:text=“温度阈值范围(℃)” /》
《textviewandroid:id=“@+id/tv_data_temp_alarmscope”android:layout_width=“110dp”android:layout_height=“wrap_content”android:layout_alignparentright=“true”android:textsize=“16sp”android:gravity=“end” /》
《linearlayoutandroid:layout_width=“match_parent”android:layout_height=“wrap_content”android:layout_below=“@+id/tv_data_temp_alarmscope”android:layout_margintop=“10dp”android:gravity=“center_vertical”android:orientation=“horizontal” 》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“wrap_content”android:textsize=“16sp”android:text=“0” /》
《seekbar
android:id=“@+id/sb_data_temp_alarmscope”android:thumb=“@drawable/bar1”android:thumboffset=“0dp”android:layout_width=“0dp”android:layout_height=“wrap_content”android:layout_weight=“3”android:max=“50” /》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“wrap_content”android:textsize=“16sp”android:text=“50” /》《/linearlayout》
《/relativelayout》
《!-- 湿度阈值范围(数值可写) --》《relativelayoutandroid:layout_width=“match_parent”android:layout_height=“wrap_content”android:layout_marginbottom=“1dp”android:background=“@color/white”android:padding=“10dp” 》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“match_parent”android:text=“湿度阈值范围(%)” /》
《textviewandroid:id=“@+id/tv_data_shidu_alarmscope”android:layout_width=“110dp”android:layout_height=“wrap_content”android:layout_alignparentright=“true”android:textsize=“16sp”android:gravity=“end” /》
《linearlayoutandroid:layout_width=“match_parent”android:layout_height=“wrap_content”android:layout_below=“@+id/tv_data_shidu_alarmscope”android:layout_margintop=“10dp”android:gravity=“center_vertical”android:orientation=“horizontal” 》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“wrap_content”android:textsize=“16sp”android:text=“20” /》
《seekbarandroid:id=“@+id/sb_data_shidu_alarmscope”android:thumb=“@drawable/bar”android:thumboffset=“0dp”android:layout_width=“0dp”android:layout_height=“wrap_content”android:layout_weight=“3”android:max=“75”
android:progress=“0”/》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“wrap_content”android:textsize=“16sp”android:text=“95” /》《/linearlayout》
《/relativelayout》
《!-- 光强阈值范围(数值可写) --》《relativelayoutandroid:layout_width=“match_parent”android:layout_height=“wrap_content”android:layout_marginbottom=“1dp”android:background=“@color/white”android:padding=“10dp” 》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“match_parent”android:text=“光强阈值范围(lx)” /》
《textviewandroid:id=“@+id/tv_data_gq_alarmscope”android:layout_width=“110dp”android:layout_height=“wrap_content”android:layout_alignparentright=“true”android:textsize=“16sp”android:gravity=“end” /》
《linearlayoutandroid:layout_width=“match_parent”android:layout_height=“wrap_content”android:layout_below=“@+id/tv_data_gq_alarmscope”android:layout_margintop=“10dp”android:gravity=“center_vertical”android:orientation=“horizontal” 》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“wrap_content”android:textsize=“16sp”android:text=“0” /》
《seekbar
android:id=“@+id/sb_data_gq_alarmscope”android:thumb=“@drawable/bar2”android:thumboffset=“0dp”android:layout_width=“0dp”android:layout_height=“wrap_content”android:layout_weight=“3”android:max=“65535” /》
《textviewandroid:layout_width=“wrap_content”android:layout_height=“wrap_content”android:textsize=“16sp”android:text=“65535” /》《/linearlayout》
《/relativelayout》
《/linearlayout》
《/scrollview》《/linearlayout》
2.5、安装软件
因为我们的程序编译无错误,故开始安装app,用数据线将电脑和手机连接,进入手机的开发者模式,打开开发者模式,允许进行usb调试
然后在android studio端点击运行,app便安装成功了
感谢大家观看,有问题记得留言哟。
原文转载于:https://blog.csdn.net/zgc6666/article/details/104187111


Leader潮玩空调节启动,1机能吹5种风
农作物外观开始也用生物识别技术了?
通用电气运输业务与西屋制动合并,推动行业发展
一文详解CIS传感器特性及应用领域
Raychem瑞侃高速铜质电缆优点
利用机智云的Android开源app修改教程
中科神威防火墙超越X86 CPU,安全性更高
神速,iOS10越狱工具又更新了,更稳定!
良渚古城遗址被正式列入《世界遗产名录》周江勇表示保护好
智能家居家电上应用的触摸芯片有哪些?
实用的EOS和ESD保护实用方法
金升阳PV150-29Bxx系列产品的特点及应用
便携式可燃气体检测仪设计方案
嵌入式UART串口调试与嵌入式串口调试连接概述:调试接口与pc的交互程序的开发
奔驰模块化可变形电动无人驾驶概念车亮相
iphone8什么时候上市?iphone8发布时间确认:iPhone8强势来袭,顶尖设计加持下能否重夺中国市场
国家科技发展纲要与印制电路产业简介
苹果计划在今年秋季正常发布iPhone 12
应用材料上季度营收67.2亿美元,同比持平 全财年营收同比增长3%
佳能5d4评测,在对比中发现差距,佳能5D4与索尼A7R2对比评测