简易的安卓天气app(一)——解析Json数据、数据类封装_roydon_Guo

大大的周 02-07 3598

📌简易的安卓天气app(一)——解析Json数据、数据类封装 ?简易的安卓天气app(二)——适配器、每小时数据展示 ?简易的安卓天气app(三)——城市管理、数据库操作 ?简易的安卓天气app(四)——搜索城市、完善页面

简述

不罗嗦那么多没用的；；；既然是简易的天气app，那么本demo就没有那麽多复杂的交互，页面跳转，只包括了针对api获取和解析数据放到app主页面，由于配置定位服务太繁琐，本次测试没有使用定位功能。项目只包含一个主要activity_main.xml，两个封装的实体用来存数据用到的天气api可前往官网注册账号获取：天气api

例如我这里注册好了我的账号，进入主页面得到下图的appid和appsecret 然后把这两个东西复制粘贴到下面的api中

//里面的括号中的两个参数值换成你的，包括括号 https://tianqiapi.com/api?version=v1&appid=（你的appid）&appsecret=（你的appsecret）

注意：

慎用此接口，每天有免费使用上限（如果你不想充钱）地址栏搜索默认是当前所在城市，若是指定城市url后面加上&city=城市名，就行

接着，访问此url结果如图，一长串的json数据如果你的浏览器支持转为json格式，那么会得到更清晰的数据格式，方便后续对其进行封装，也可百度在线json格式化工具，复制原始数据进去，得到格式化jsn数据观察上图json数据，里面的嵌套关系决定了我们封装一个实体类肯定不能拿到全部信息，因为上图data，是一个json数组（JsonArray），里面包含了今天加上未来六天共七天的天气数据（JsonObject），所以data要单独封装成一个实体叫做DayWeatherBean，用来接受每天的数据。

项目结构

api请求工具包

那么既然是请求api解析数据，自然离不开HttpUrlConnection，如果学的不是HttpUrlConnection请自行根据更改。首先封装一个工具包，表示根据指定地址网络请求得到数据，得到的是string字符串，实是json数据

import java.io.BufferedReader; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; public class NetworkUtil { // 一天测试次数有限，慎用 public static final String URL_WEATHER = "https://tianqiapi.com/api?version=v1&appid=（你的appid）&appsecret=（你的appsecret）"; public static String getWeather() { String result = ""; HttpURLConnection connection = null; InputStreamReader inputStreamReader = null; BufferedReader bufferedReader = null; // 连接网络 try { URL urL = new URL(URL_WEATHER); connection = (HttpURLConnection) urL.openConnection(); connection.setRequestMethod("GET"); connection.setConnectTimeout(5000); connection.setReadTimeout(5000); // 从连接中读取数据(二进制) InputStream inputStream = connection.getInputStream(); inputStreamReader = new InputStreamReader(inputStream); // 二进制流送入缓冲区 bufferedReader = new BufferedReader(inputStreamReader); // 容器 StringBuilder stringBuilder = new StringBuilder(); String line = ""; while ((line = bufferedReader.readLine()) != null) { stringBuilder.append(line); } result = stringBuilder.toString(); } catch (Exception e) { e.printStackTrace(); }finally { if (connection != null) { connection.disconnect(); } if (inputStreamReader != null) { try { inputStreamReader.close(); } catch (IOException e) { e.printStackTrace(); } } if (bufferedReader != null) { try { bufferedReader.close(); } catch (IOException e) { e.printStackTrace(); } } } return result; }

既然是网络请求，注意

AndroidManifest中别忘了加 <uses-permission android:name="android.permission.INTERNET" />

布局文件

接着就是布局，随意，怎么好看怎么来，无非就是接受几个数据传给TextView

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:alpha="0.8" android:background="@mipmap/bg" android:gravity="center_horizontal" android:orientation="vertical" tools:context=".MainActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="郑州" android:textSize="25sp" android:layout_gravity="center" android:gravity="center" android:textColor="@color/white" android:id="@+id/tv_city"/> <ImageView android:id="@+id/iv_weather" android:layout_width="125dp" android:layout_height="95dp" android:src="@drawable/weather_yin" /> <TextView android:id="@+id/tv_weather" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="阴转多云" android:textColor="@color/white" android:textSize="20sp" /> <TextView android:id="@+id/tv_week" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="星期二" android:textColor="@color/white" android:textSize="16sp" /> <TextView android:id="@+id/tv_tem" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="31°C" android:textColor="@color/white" android:textSize="100sp" /> <TextView android:id="@+id/tv_tem_low_high" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="25°C/33°C" android:textColor="@color/white" android:textSize="20sp" /> <TextView android:id="@+id/tv_time" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="更新时间:2022-06-15 08:22:23" android:textColor="@color/white" android:textSize="17sp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:alpha="0.7" android:background="@drawable/blackground" android:orientation="horizontal" > <LinearLayout android:layout_width="120dp" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginLeft="5dp" android:gravity="center" android:orientation="vertical"> <ImageView android:layout_width="105dp" android:layout_height="65dp" android:src="@drawable/fengli" /> <TextView android:id="@+id/tv_win" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="南风3~4级" android:textColor="@color/white" android:textSize="16sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginRight="10dp" android:layout_marginLeft="10dp" android:orientation="horizontal"> <TextView android:id="@+id/tv_air" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:gravity="center" android:text="空气:43 | 优\n空气好，适宜外出" android:textColor="@color/white" android:textSize="18sp" /> </LinearLayout> </LinearLayout> </LinearLayout>

效果图（上图有个阴转多云图，下方有源码，可自行了解，此次只拿数据传数据，不包括图片）

实体类

两个实体类一个WeatherBean是最上层json封装，一个是DayWeatherBean封装的data（前面已经解答过）

WeatherBean

没什么好说的，就下面几个属性，学爬虫的应该更了解其他的属性String就行，挑重要信息拿，data就是··List<DayWeatherBean>

此处命名不规范问题，由于使用的是Gson包封装，所以有一个实现类可用 public class WeatherBean implements Serializable 每个属性再加上序列化注解指定原始数据，就可解决，自行补充

import java.util.List; /** * TextView tv_city,tv_time,tv_weather,tv_week,tv_tem,tv_tem_low_high,tv_win,tv_air;7个 * ImageView iv_weather;//天气图标 */ public class WeatherBean { private String cityid; private String city;//城市名称 private String update_time;//更新时间 private List<DayWeatherBean> data;//获取今日天气，get[0] //toString()，get，set自行设置 } DayWeatherBean

接着根据api中data中的属性名选择性封装DayWeatherBean

import java.util.Arrays; /** * TextView tv_city,tv_time,tv_weather,tv_week,tv_tem,tv_tem_low_high,tv_win,tv_air;7个 * ImageView iv_weather;//天气图标 */ public class DayWeatherBean { private String wea;//天气 private String wea_img;//天气图标 private String week;//周几 private String tem;//温度 //tv_tem_low_high=tem2+tem1拼接一起 private String tem2;//低温 private String tem1;//高温 //tv_win=win+win_speed private String[] win;//风力 private String win_speed;//风力等级 //tv_air=air+air_level+air_tips拼接一起 private String air;// private String air_level;// private String air_tips;// //toString()，get，set自行设置 MainActivity

使用handler来异步处理首先开辟一个子线程，拿到网页数据传给handler

private void getWeather() { // 开启子线程，请求网络 new Thread(new Runnable() { @Override public void run() { // 请求网络 String weatherJson = NetworkUtil.getWeather(); // 使用handler将数据传递给主线程 Message message = Message.obtain(); message.what = 0; message.obj = weatherJson; mHandler.sendMessage(message); } }).start(); }

使用Gson序列化工具前别忘记添加依赖包 implementation 'com.google.code.gson:gson:2.8.5' 添加代码后别忘了构建一下，右上角点一下

private Handler mHandler = new Handler(Looper.myLooper()) { @Override public void handleMessage(@NonNull Message msg) { super.handleMessage(msg); if (msg.what == 0) { String weather = (String) msg.obj; Log.d("Main", ">>>>>>原始数据--weather---" + weather); if (TextUtils.isEmpty(weather)) { Toast.makeText(MainActivity.this, "天气数据为空！", Toast.LENGTH_LONG).show(); return; } Gson gson = new Gson();//Gson序列化工具，JsonObject也行，方法不同 WeatherBean weatherBean = gson.fromJson(weather, WeatherBean.class); if (weatherBean != null) { Log.d("Main", ">>>>>>封装数据--weather---" + weatherBean.toString()); } tvCity.setText(weatherBean.getCity()); tvTime.setText(weatherBean.getUpdate_time()); /** * 当天天气 */ dayWeather = weatherBean.getData().get(0); tvWeather.setText(dayWeather.getWea()); tvTem.setText(dayWeather.getTem()); tvTemLowHigh.setText(dayWeather.getTem2()+"/"+dayWeather.getTem1()); tvWeek.setText(dayWeather.getWeek()); tvWin.setText(dayWeather.getWin()[0]+dayWeather.getWin_speed()); tvAir.setText("空气:"+dayWeather.getAir()+" | "+dayWeather.getAir_level()+"\n"+dayWeather.getAir_tips()); ivWeather.setImageResource(WeatherImgUtil.getImgResOfWeather(dayWeather.getWea_img())); //此工具和图片源码中给出 } } };

查看是否获取到数据

源码自取：gitee