Android Studio实现天气预报小程序

阿里云国内75折 回扣 微信号：monov8
阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6

一、实验目的

  1. 掌握HTTP请求方法
  2. 掌握使用Gson库解析json数据
  3. 熟悉Handler,Message多线程编程步骤
  4. 熟悉OnClickListener监听器的使用

二、实验环境

Windowsandroid studio 

三、项目分析

该项目是一个天气预报的小程序主要功能包括

1、启动程序显示默认值 当点击“刷新”按钮时从Tomcat服务器端读取天气信息存在服务器端“weather.json”文件中并更新UI。

2、当点击“刷新”按钮时从Tomcat服务器端读取天气信息存在服务器端“weather.json”文件中并更新UI。

下面我们来看下效果图我们将会开了发出一款以下界面的app。

四、实验步骤

1、新建工程。

2、导入需要的图片资源等

3、修改设计主界面

4、实现界面逻辑
1初始化控件
2创建WeatherInfo类存储天气信息
3实现getWeatherInfo方法在子线程中实现网络请求获取数据流
4实现getInfosFromJson方法完成输入流到对象的转换方法
5创建Handler对象重写它的HandlerMessage()方法实现UI更新
6在getWeatherInfo()方法中补充代码完成处理网络请求得到的响应结果并发送消息7在OnClickListener监听器的OnClick()方法中补充代码调用getWeatherInfo()方法通过网络获取天气信息再将其转换为天气信息对象列表

接下来我们按步骤完成这个项目的实现。

1、创建工程
File->New->New Project

 


2、导入需要的图片资源
在project工具窗口中将视图切换到“Project”然后在res目录下创建一个drawable-hdpi文件夹打开“New Resource Directory”窗口在Resource Type对应的下拉列表中选择drawable在左侧“Available qualifies”下方的下拉列表中选择density然后点击然后在density对应的下拉列表中选择High density此时就可以看到“Directory Name”自动变为“drawable-hdpi”然后点击OK

 将资源文件夹下的四张图片以及xml文件拷贝到文件夹res/drawable-hdpi下。将weather.json文件放入你存放TomCat路径的Webapps文件夹里这里我还创建了一个文件夹weather来存放。

资源下载https://download.csdn.net/download/weixin_45467625/86151681

 

  

 在res/values/strings.xml


3.​​​​​​、设计修改主页面

activity_main.xml如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <TextView
        android:id="@+id/tv_city"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="40dp"
        android:layout_marginStart="45dp"
        android:text="@string/city"
        android:textSize="50sp"/>
    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_alignEnd="@id/tv_city"
        android:layout_below="@+id/tv_city"
        android:layout_marginTop="40dp"
        android:paddingBottom="5dp"
        android:src="@drawable/clouds"/>
    <TextView
        android:id="@+id/tv_weather"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/iv_icon"
        android:layout_below="@+id/iv_icon"
        android:layout_marginRight="15dp"
        android:layout_marginTop="15dp"
        android:gravity="center"
        android:text="@string/weather"
        android:textSize="18sp"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/iv_icon"
        android:layout_toEndOf="@+id/iv_icon"
        android:layout_marginStart="30dp"
        android:gravity="center"
        android:orientation="vertical">
        <TextView
            android:id="@+id/tv_temp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:gravity="center_vertical"
            android:text="@string/temp"
            android:textSize="22sp"/>
        <TextView
            android:id="@+id/tv_wind"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/wind"
            android:textSize="18sp"/>
        <TextView
            android:id="@+id/tv_pm"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/pm"
            android:textSize="18sp"/>
    </LinearLayout>
    <Button
        android:id="@+id/btn_refresh"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_marginEnd="10dp"
        android:layout_marginBottom="10dp"
        android:text="@string/refresh"/>
</RelativeLayout>

 4、实现界面逻辑

创建WeatherInfo类存储天气信息

 

 定义成员变量

在类中空白行按alt+insert健或右键单击选择Generate打开Generate窗口选择Getter and Setter,打开select fields to Generate Getters and Setters窗口选中所有需要生成get,set方法的域名点击确定相应的方法就自动生成了。

 

在子线程中实现网络请求在AndroidManifests.xml中开启网络访问权限

 

 在AndroidManifests.xml中设置Application的属性“usesCleartextTraffic”为true目标SDKversion为27或更低的应用程序的默认值为“true”。SDKversion是28或更高级别的应用默认为“false”

 实现从输入流到对象的转换方法右键单击app选择open module setting,选择模块app在右边tab栏中点击Dependency在右边选择“+”号选择library dependency在其中输入Gson搜索找到“com.google.code.gson:gson:2.8.5”点击OK添加Gson依赖。

 MainActivity.java的编写

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.google.gson.Gson;
import com.google.gson.reflect.TypeToken;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.lang.reflect.Type;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.List;

public class MainActivity extends AppCompatActivity {
//初始化控件和变量
    protected static final int CHANG_UI = 0;
    protected static final int ERROR = 1;
    protected static final int LINK = 2;
    private TextView tvCity;
    private TextView tvWeather;
    private TextView tvTemp;
    private TextView tvWind;
    private TextView tvPm;
    private ImageView ivIcon;
    private int clickCount = 0;

//创建Handler对象重写它的HandlerMessage()方法实现UI更新
    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            if (msg.what == CHANG_UI) {
                List<WeatherInfo> lstWeather = (List<WeatherInfo>)msg.obj;
                if (clickCount<lstWeather.size()) {
                    WeatherInfo objWI = lstWeather.get(clickCount);
                    refreshUI(objWI);
                    clickCount++;
                }
                if (clickCount == lstWeather.size())
                    clickCount = 0;
                Toast.makeText(MainActivity.this,msg.obj.toString(),Toast.LENGTH_SHORT).show();
            } else if (msg.what == ERROR) {
                Toast.makeText(MainActivity.this, "获取网络数据失败",
                        Toast.LENGTH_SHORT).show();
            }
        }
    };

    private void refreshUI(WeatherInfo objInfo){
        if(objInfo!=null){
              tvCity.setText(objInfo.getCity());
              tvWeather.setText(objInfo.getWeather());
              tvTemp.setText(objInfo.getTemp());
              tvWind.setText(objInfo.getWind());
              tvPm.setText(objInfo.getPm());
              String strWeather=objInfo.getWeather();
        if(strWeather.contains("晴转多云"))
              ivIcon.setImageResource(R.drawable.cloud_sun);
        else if(strWeather.contains("多云"))
              ivIcon.setImageResource(R.drawable.clouds);
        else
              ivIcon.setImageResource(R.drawable.sun);
        }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        InitView();
    }

    private void InitView() {
        tvCity = (TextView) findViewById(R.id.tv_city);
        tvWeather = (TextView) findViewById(R.id.tv_weather);
        tvTemp = (TextView) findViewById(R.id.tv_temp);
        tvWind = (TextView) findViewById(R.id.tv_wind);
        tvPm = (TextView) findViewById(R.id.tv_pm);
        ivIcon = (ImageView) findViewById(R.id.iv_icon);

        final String strURL ="http://192.168.10.188:8080/weather/weather.json";

//在OnClickListener监听器的OnClick()方法中补充代码调用getWeatherInfo()方法通过网络获取天气信息再将其转换为天气信息对象列表
        findViewById(R.id.btn_refresh).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (strURL.isEmpty()){
                    Toast.makeText(MainActivity.this,"路径不能为空",Toast.LENGTH_SHORT).show();
                }else{
                    getWeatherInfo(strURL);
                }
            }
        });
    }

//定义getInfosFromJson方法实现从InputStream到List<WeatherInfo>的转换
    public List<WeatherInfo> getInfosFromJson(InputStream is) throws IOException {
        ByteArrayOutputStream outStream = new ByteArrayOutputStream();
        byte[] data = new byte[4096];
        int count = -1;
        while ((count = is.read(data, 0, 4096)) != -1)
            outStream.write(data, 0, count);
        data = null;
        String json = new String(outStream.toByteArray(), "utf-8");
        //使用gson库解析JSON数据
        Gson gson = new Gson();
        Type listType = new TypeToken<List<WeatherInfo>>() {
        }.getType();
        List<WeatherInfo> weatherInfos = gson.fromJson(json, listType);
        return weatherInfos;
    }

//在getWeatherInfo()方法中补充代码完成处理网络请求得到的响应
    public void getWeatherInfo(final String urlPath) {
//子线程请求网络,Android4.0以后访问网络不能放在主线程中
        new Thread() {
            private HttpURLConnection conn;

            public void run() {
                // 连接服务器 get 请求 获取图片
                try {
                    //创建URL对象
                    URL url = new URL(urlPath);
                    // 根据url 发送 http的请求
                    conn = (HttpURLConnection) url.openConnection();
                    // 设置请求的方式
                    conn.setRequestMethod("GET");
                    //设置超时时间
                    conn.setConnectTimeout(5000);
                    // 得到服务器返回的响应码
                    int code = conn.getResponseCode();
                    //请求网络成功后返回码是200
                    if (code == 200) {
                        //获取输入流
                        InputStream is = conn.getInputStream();
                        //解析输入流
                        List<WeatherInfo> lstWeatherInfo = getInfosFromJson(is);
                        if (lstWeatherInfo != null) {
                            //将更改主界面的消息发送给主线程
                            Message msg = new Message();
                            msg.what = CHANG_UI;
                            msg.obj = lstWeatherInfo;
                            handler.sendMessage(msg);
                        }
                    } else {
                        //返回码不等于200 请求服务器失败
                        Message msg = new Message();
                        msg.what = ERROR;
                        handler.sendMessage(msg);
                    }
                } catch (Exception e) {
                    e.printStackTrace();
                    Message msg = new Message();
                    msg.what = ERROR;
                    handler.sendMessage(msg);
                }
                //关闭连接
                conn.disconnect();
            }
        }.start();
    }
}

 5、调试、运行

 

最后附上源码https://download.csdn.net/download/weixin_45467625/87301318

阿里云国内75折 回扣 微信号：monov8
阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6
标签: android
返回列表

上一篇：【微信小程序入门到精通】— 事件绑定的详细解读_微信小程序事件绑定

下一篇：（附源码）基于Android的订餐app 毕业设计 190711

“Android Studio实现天气预报小程序” 的相关文章

Android App开发实战之实现微信记账本（附源码 超详细必看）_安卓记账本源代码1年前 (2023-02-02)
Android多媒体功能开发(6)——使用MediaPlayer类播放音频_android mediaplayer播放音乐1年前 (2023-02-02)
荣耀平板5鸿蒙降级安卓并刷入原生Android12系统——麒麟659，4+64G，10英寸wifi版本1年前 (2023-02-02)
android四大组件之四-BroadCast实现原理分析1年前 (2023-02-02)
【Android笔记67】Android之使用系统中的相机功能（拍照、保存照片、显示拍摄的照片、照片保存到图库等操作）1年前 (2023-02-02)
Android 获取无线蓝牙MAC信息代码1年前 (2023-02-02)
一起Talk Android吧（第四百七十回：自定义View实例一：带圆圈的文字)1年前 (2023-02-02)
Android 深入系统完全讲解（20）1年前 (2023-02-02)
基于android的手机掌上购物1年前 (2023-02-02)
Android Raphael使用(专治native 内存泄漏)1年前 (2023-02-02)

阿里云国际版