【官方】Android端APP应用开发

admin

一、效果截图

二、准备工作

• 请自备Android开发基础，自带AndroidStudio开发环境；
• 小编使用的是 AndroidStudio3.2 、gradle-3.3-all.zip 环境；
  
  

首先在机智云自助开发平台（dev.gizwits.com）创建产品并定义数据点。

创建应用

下载应用代码

导入成功之后，是没有红点任何错误提示的，目录结构说明

文件结构说明:

• A. Libs: 包括 GizWifiSDK 在内的的第三方库目录**
• assets: 包含 UIConfig.json 配置文件
• B. GizOpenSource: 组成模块
  
  

• GizOpenSourceModules：组成模块
• GosApplication.java // SDK 在此启动
• CommonModule // 公共方法类、资源文件读取类
• ConfigModule // 设备配置模块，包含 AirLink 及 SoftAP
• UserModule // 用户模块，包含 用户登录、用户注册、找回密码
• DeviceModule // 设备模块，包含 设备列表
• ControlModule // 控制模块，包含 控制示例
• SettingsModule // 设置模块，包含 设置菜单 及其 包含的子菜单项（关于等）
• PushModule // 推送模块，包含 百度和极光的推送SDK 集成封装
• ThirdAccountModule // 第三方登录模块， 包含 第三方登录（QQ、微信等）
• view // 自定义控件
• utils // 工具类
• wxapi // 微信集成包
• zxing // 扫描二维码
  
  
  
  

三、导入第三方库

在工程 app 目录下的 build.gradle 下加入

compile 'com.github.PhilJay:MPAndroidChart:v3.0.1'

同时根目录下的 build.gradle 下加入一下，否则拉取不成功；

1. allprojects {  
   
2.         repositories {      
   
3.                jcenter()   
   
4.                maven { url 'https://jitpack.io' }      
   
5.                maven {  
   
6.                        url 'https://maven.google.com/'   
   
7.                         name 'Google'      
   
8.                 }  
   
9.           }
   
10. }

复制代码

在  app --- src --- main --- res ---layout 的 activity_gos_devices_control.xml布局文件修改如下：

预览的效果：

四、修改逻辑代码

温度计、统计折线表初始化在下面2个方法里面，涉及的代码太多了，我就不贴全部代码了！

setChartTemp();

setChartHum();

每当采集数据要更新ui：

1. /**
   
2.      * Description:根据保存的的数据点的值来更新UI
   
3.      */
   
4.     protected void updateUI() {
   
5. 
   
6.         sw_bool_led_onoff.setChecked(data_led_onoff);
   
7.         tv_data_temp.setText("当前温度" + data_temp + "℃");
   
8.         tv_data_humi.setText("当前湿度" + data_humi + "%");
   
9.         //取2位小数
   
10.         float data_temp_show = saveOneBitTwoRound(data_temp);
    
11.         //根据ui，温度进度条要加40显示
    
12.         mTemperatureView.setProgress(data_temp_show + 40);
    
13.         //湿度的中间文字显示
    
14.         if (data_humi < 30) {
    
15.             mWaveLoadingView.setCurrent((int) data_humi, "干燥");
    
16.             mWaveLoadingView.setMaxProgress(100);
    
17.             mWaveLoadingView.setWaveColor("#F08B88");
    
18.         } else if (data_humi > 30 && data_humi < 60) {
    
19.             mWaveLoadingView.setCurrent((int) data_humi, "舒适");
    
20.             mWaveLoadingView.setWaveColor("#45C01A");
    
21.         } else {
    
22.             mWaveLoadingView.setCurrent((int) data_humi, "潮湿");
    
23.             mWaveLoadingView.setWaveColor("#5be4ef");
    
24.         }
    
25.         Calendar c = Calendar.getInstance();// 可以对每个时间域单独修改
    
26.         int hour = c.get(Calendar.HOUR_OF_DAY);
    
27.         int minute = c.get(Calendar.MINUTE);
    
28.         int second = c.get(Calendar.SECOND);
    
29.         String timeStr = hour + ":" + minute + ":" + second;
    
30.         temperIndex++;
    
31.         //每次采集温度加入集合温度数据集合
    
32.         dataList.add(new Entry(temperIndex, (float) data_temp, timeStr));
    
33.         setTemperData(chart, dataList);
    
34.         //每次采集湿度加入集合湿度数据集合
    
35.         dataHumList.add(new Entry(temperIndex, (float) data_humi, timeStr));
    
36.         setTemperData(chartHum, dataHumList);
    
37. 
    
38.     }

复制代码

如何修改包名？

     在工程 app 目录下的 build.gradle 下修改 applicationId 即可：

如何自定义apk名字输出：

在工程 app 目录下的 build.gradle 下加入：

1. android.applicationVariants.all { variant ->
   
2.     variant.outputs.each { output ->
   
3.         output.outputFile = new File(output.outputFile.parent, "DIY数字仪表-" + buildType.name + "-v" +                defaultConfig.versionName + "-" + defaultConfig.versionCode + ".apk" );
   
4.     }}

复制代码

绝绝珏珏爵爵

能分享一下源码吗

Melody丶

你好，能分享一下APP的开源代码吗

ruoyu8836

想要源码

Kara

Melody丶 发表于 2020-4-16 23:25
你好，能分享一下APP的开源代码吗

APP源码下载地址https://github.com/xuhongv/AndroidGizWitsSTDiyMeter

Kara

APP源码下载地址https://github.com/xuhongv/AndroidGizWitsSTDiyMeter

AIcainiao

你好，这个折线图能放到另一个页面吗？

admin

AIcainiao 发表于 2020-12-22 17:35
你好，这个折线图能放到另一个页面吗？

可以