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

发布时间:2024-06-28  

前言

为了使自己的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”

文章来源于:电子工程世界    原文链接
本站所有转载文章系出于传递更多信息之目的,且明确注明来源,不希望被转载的媒体或个人可与我们联系,我们将立即进行删除处理。

我们与500+贴片厂合作,完美满足客户的定制需求。为品牌提供定制化的推广方案、专属产品特色页,多渠道推广,SEM/SEO精准营销以及与公众号的联合推广...详细>>

利用葫芦芯平台的卓越技术服务和新产品推广能力,原厂代理能轻松打入消费物联网(IOT)、信息与通信(ICT)、汽车及新能源汽车、工业自动化及工业物联网、装备及功率电子...详细>>

充分利用其强大的电子元器件采购流量,创新性地为这些物料提供了一个全新的窗口。我们的高效数字营销技术,不仅可以助你轻松识别与连接到需求方,更能够极大地提高“闲置物料”的处理能力,通过葫芦芯平台...详细>>

我们的目标很明确:构建一个全方位的半导体产业生态系统。成为一家全球领先的半导体互联网生态公司。目前,我们已成功打造了智能汽车、智能家居、大健康医疗、机器人和材料等五大生态领域。更为重要的是...详细>>

我们深知加工与定制类服务商的价值和重要性,因此,我们倾力为您提供最顶尖的营销资源。在我们的平台上,您可以直接接触到100万的研发工程师和采购工程师,以及10万的活跃客户群体...详细>>

凭借我们强大的专业流量和尖端的互联网数字营销技术,我们承诺为原厂提供免费的产品资料推广服务。无论是最新的资讯、技术动态还是创新产品,都可以通过我们的平台迅速传达给目标客户...详细>>

我们不止于将线索转化为潜在客户。葫芦芯平台致力于形成业务闭环,从引流、宣传到最终销售,全程跟进,确保每一个potential lead都得到妥善处理,从而大幅提高转化率。不仅如此...详细>>