第一行代码酷欧天气开发（四）

最新推荐文章于 2024-05-14 12:02:23 发布
最新推荐文章于 2024-05-14 12:02:23 发布
阅读量5.5k 收藏 3
点赞数 1
分类专栏： Android个人整理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aiyuan1996/article/details/52497035
版权

首先来创建布局文件，布局文件的控件就要根据服务器返回的天气数据来决定了
这里写图片描述
然后在res/layout目录中新建weather_layout.xml

<?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" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#484E61" >

        <Button
            android:id="@+id/switch_city"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:background="@drawable/home" />

        <TextView
            android:id="@+id/city_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:textColor="#fff"
            android:textSize="24sp" />

        <Button
            android:id="@+id/refresh_weather"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="10dp"
            android:background="@drawable/refresh" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#27A5F9" >

        <TextView
            android:id="@+id/publish_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:textColor="#FFF"
            android:textSize="18sp" />

        <LinearLayout
            android:id="@+id/weather_info_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/current_date"
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:gravity="center"
                android:textColor="#FFF"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/weather_desp"
                android:layout_width="wrap_content"
                android:layout_height="60dp"
                android:layout_gravity="center_horizontal"
                android:gravity="center"
                android:textColor="#FFF"
                android:textSize="40sp" />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="60dp"
                android:layout_gravity="center_horizontal"
                android:orientation="horizontal" >

                <TextView
                    android:id="@+id/temp1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:textColor="#FFF"
                    android:textSize="40sp" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:text="~"
                    android:textColor="#FFF"
                    android:textSize="40sp" />

                <TextView
                    android:id="@+id/temp2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:textColor="#FFF"
                    android:textSize="40sp" />
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

布局格式整体观如图
这里写图片描述
这个布局很简单，就是嵌套的LinearLayout和RelativeLayout来控制TextView的显示位置
那么，我们还需要在Utility类里面添加几个方法，用于解析和处理服务器返回的JSON数据

/**
     * 解析和处理服务返回的JSON数据,并将解析出的数据存储到本地
     * @param context
     * @param response
     */
    public static void handlerWeatherResponse(Context context,String response){
        try {
            JSONObject jsonObject = new JSONObject(response);
            JSONObject weatherInfo = jsonObject.getJSONObject("weatherinfo");
            String cityName = weatherInfo.getString("city");
            String weatherCode = weatherInfo.getString("cityid");
            String temp1 = weatherInfo.getString("temp1");
            String temp2 = weatherInfo.getString("temp2");
            String weatherDesp = weatherInfo.getString("weather");
            String publishTime = weatherInfo.getString("ptime");
            saveWeatherInfo(context,cityName,weatherCode,temp1,temp2,weatherDesp,publishTime);
        } catch (Exception e) {
            // TODO: handle exception
        }
    }

    /**
     * 将服务器返回的所有天气信息存储到shared Preferences中
     * @param context
     * @param cityName
     * @param weatherCode
     * @param temp1
     * @param temp2
     * @param weatherDesp
     * @param publishTime
     */
    private static void saveWeatherInfo(Context context, String cityName,
            String weatherCode, String temp1, String temp2, String weatherDesp,
            String publishTime) {
        SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy年M月d日",Locale.CHINA);
        SharedPreferences.Editor editor = PreferenceManager.getDefaultSharedPreferences(context).edit();
        editor.putBoolean("city_selected", true);
        editor.putString("city_name", cityName);
        editor.putString("weather_code", weatherCode);
        editor.putString("temp1", temp1);
        editor.putString("temp2", temp2);
        editor.putString("weather_Desp", weatherDesp);
        editor.putString("publish_time", publishTime);
        editor.putString("current_date", simpleDateFormat.format(new Date()));
        editor.commit();

    }

handleWeatherResponse（）方法用于将JSON格式的天气信息全部解析出来，saveWeatherInfo（）方法用于将这些数据都存储到SharedPreferences文件中，接下来我们要创建活动WeatherActivity了，逻辑如下，现在onCreate（）方法中先获取一些控件的实例，然后会尝试从intent中取出县级代号，如果可以取到就会调用queryWeatherCode（）方法，如果不能取到则会调用showWeather（）方法，我们先看可以取到的情况，queryWeatherCode（）方法仅仅就是拼接了一个address，然后调用queryFromServer（）方法来查询天气代号所对应的天气代号，服务器返回的数据仍然会回调到onFinish（）方法中，这里对返回的数据进行解析，然后将解析出来的天气代号传入到queryWeatherInfo（）方法中。
queryWeatherInfo（）方法也很简单，同样是拼装了一个address，然后调用queryFromServer（）方法来查询天气代号所对应的天气信息，由于天气信息是以JSON格式返回的，因此我们在handleWeatherResponse（）方法中使用JSONObject将数据全部解析出来，然后调用saveWeatherInfo（）方法将所有的天气信息都存储到SharedPreferences文件中，注意除了天气信息之外，我们还存储了一个city_selected标志位，以此来辨别当前是否已经选中了一个城市，最后会去调用showWeather（）方法来将所有的天气信息显示到界面上，其中showWeather（）方法很简单，就是从SharedPreferences文件中将数据读取出来，然后显示到界面上。

package com.coolweather.app.activity;

import com.coolweather.app.R;
import com.coolweather.app.service.AutoUpdateService;
import com.coolweather.app.util.HttpCallbackListener;
import com.coolweather.app.util.HttpUtil;
import com.coolweather.app.util.Utility;

import android.app.Activity;
import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.preference.PreferenceManager;
import android.text.TextUtils;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

/**
 * @author aiyuan
 *
 */
public class WeatherActivity extends Activity implements OnClickListener{
    String TAG = "WeatherActivity";
    //上次按下返回键的系统时间  
    private long lastBackTime = 0;  
    //当前按下返回键的系统时间  
    private long currentBackTime = 0; 
    private LinearLayout weatherInfoLayout;
    /*
     * 用于显示城市名
     */
    private TextView cityNameText;
    /*
     * 用于显示发布时间
     */
    private TextView publishText;
    /*
     * 用于显示天气描述小心
     */
    private TextView weatherdesptext;
    /*
     * 用于显示气温1
     */
    private TextView temp1Text;
    /*
     * 用于显示气温2
     */
    private TextView temp2Text;
    /*
     * 用于显示当前日期
     */
    private TextView currentDateText;

    private Button switchCity;
    private Button refreshWeather;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.weather_layout);
        //初始化各控件
        weatherInfoLayout = (LinearLayout) findViewById(R.id.weather_info_layout);
        cityNameText = (TextView) findViewById(R.id.city_name);
        publishText = (TextView) findViewById(R.id.publish_text);
        weatherdesptext = (TextView) findViewById(R.id.weather_desp);
        temp1Text = (TextView) findViewById(R.id.temp1);
        temp2Text = (TextView) findViewById(R.id.temp2);
        currentDateText = (TextView) findViewById(R.id.current_date);
        switchCity = (Button) findViewById(R.id.switch_city);
        refreshWeather = (Button) findViewById(R.id.refresh_weather);
        switchCity.setOnClickListener(this);
        refreshWeather.setOnClickListener(this);
        Log.d(TAG, "hello");
        String countyCode = getIntent().getStringExtra("county_code");
        Log.d(TAG, "haha" + countyCode + "haha");
        if(!countyCode.isEmpty()){
            //有县级代号时就去查询天气
            publishText.setText("同步中");
            weatherInfoLayout.setVisibility(View.INVISIBLE);
            cityNameText.setVisibility(View.INVISIBLE);
            queryWeathercode(countyCode);
        }else {
            //没有县级代码所就直接显示本地天气
            showWeather();
        }
    }

    /*
     * 从sharedPreferences文件中读取存储的天气信息，并显示到界面上
     */
    private void showWeather() {
        SharedPreferences sharedPreferences = PreferenceManager.getDefaultSharedPreferences(this);
        cityNameText.setText(sharedPreferences.getString("city_name", ""));
        temp1Text.setText(sharedPreferences.getString("temp1", ""));
        temp2Text.setText(sharedPreferences.getString("temp2", ""));
        weatherdesptext.setText(sharedPreferences.getString("weather_Desp", ""));
        publishText.setText("今天" + sharedPreferences.getString("publish_time", "") + "发布");
        currentDateText.setText(sharedPreferences.getString("current_date", ""));
        weatherInfoLayout.setVisibility(View.VISIBLE);
        cityNameText.setVisibility(View.VISIBLE);
        Intent intent = new Intent(this, AutoUpdateService.class);
        startService(intent);
    }


    /*
     * 查询县级代码所对应的天气代号
     */
    private void queryWeathercode(String countyCode) {
        String address = "http://www.weather.com.cn/data/list3/city" + countyCode + ".xml";
        queryFromServer(address,"countyCode");
    }

    /**
     * 根据传入的地址和类型去向服务器查询天气代号或者天气信息
     * @param address
     * @param string
     */
    private void queryFromServer(String address, final String type) {
        HttpUtil.sendHttpRequest(address, new HttpCallbackListener() {

            @Override
            public void onFinish(String response) {
                if("countyCode".equals(type)){
                    if(!TextUtils.isEmpty(response)){
                        //从服务器返回的数据中解析出天气代号
                        String[] array = response.split("\\|");
                        if(array != null && array.length == 2){
                            String weatherCode = array[1];
                            queryWeatherInfo(weatherCode);
                        }
                    }
                }else if("weatherCode".equals(type)){
                    //处理服务器返回的天气信息
                    Utility.handlerWeatherResponse(WeatherActivity.this, response);
                    runOnUiThread(new Runnable() {

                        @Override
                        public void run() {
                            showWeather();
                        }
                    });
                }
            }

            @Override
            public void onError(Exception e) {
                runOnUiThread(new Runnable() {

                    @Override
                    public void run() {
                        publishText.setText("同步失败");
                    }
                });
            }
        });
    }

    /**
     * 查询天气代号所对应的天气
     * @param weatherCode
     */
    private void queryWeatherInfo(String weatherCode){
        String address = "http://www.weather.com.cn/data/cityinfo/" + weatherCode + ".html";
        Log.d(TAG, address);
        //101010101   http://www.weather.com.cn/data/cityinfo/101010100.html
        queryFromServer(address,"weatherCode");
    }

    @Override
    public void onClick(View v) {
        switch(v.getId()){
        case R.id.switch_city:
            Intent intent = new Intent(this,ChooseAreaActivity.class);
            Log.d(TAG, 123+"");
            intent.putExtra("from_weather_activity", true);
            Log.d(TAG, 12223+"");
            startActivity(intent);
            finish();
            break;
        case R.id.refresh_weather:
            publishText.setText("同步中");
            SharedPreferences sharedPreferences = PreferenceManager.getDefaultSharedPreferences(this);
            String weatherCode = sharedPreferences.getString("weather_code", "");
            if (!TextUtils.isEmpty(weatherCode)) {
                queryWeatherInfo(weatherCode);
                }
            break;
        default:
        break;
        }

    }
    //按两次返回键退出程序
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        //捕获返回键按下的事件  
        if(keyCode == KeyEvent.KEYCODE_BACK){  
            //获取当前系统时间的毫秒数  
            currentBackTime = System.currentTimeMillis();  
            //比较上次按下返回键和当前按下返回键的时间差，如果大于2秒，则提示再按一次退出  
            if(currentBackTime - lastBackTime > 2 * 1000){  
                Toast.makeText(this, "再按一次返回键退出", Toast.LENGTH_SHORT).show();  
                lastBackTime = currentBackTime;  
            }else{ //如果两次按下的时间差小于2秒，则退出程序  
                finish();  
            }  
            return true;  
        }  
        return super.onKeyDown(keyCode, event);
    }

}

然后，别忘了在xml文件中注册新增的活动

<activity android:name=".activity.WeatherActivity"></activity>

下面一些截图简要降序相关方法
这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

好了，到这里，这一阶段完成了，下一阶段，自动更新天气
第一行代码酷欧天气开发（五）

Allen_Coder
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
《第一行代码》14章-开发酷欧天气（1）
qq_41853047的博客
10-14 931
以下内容书中都有，在这里将代码贴出来，代码中有讲解的注释、以及书中曾经出现地方的页数（方便学习，回忆） 一、创建数据库和表 1.为了项目的结构层次，在包下新建几个包 db包：存放数据库相关模型的代码，gson包：存放GSON模型相关的代码，service包：存放服务相关的代码，util包：存放工具相关的代码 2.添加项目依赖库，app/build.gradle文件下： 添加的代码...
Android项目源码第一行代码酷欧天气更新版
07-29
本项目是《第一行代码入行》这本书的最后一章的练手应用酷欧天气，原来的应用中使用的中国天气网的API早已失效 ，现在这个项目更改了api为和风天气修复了天气不能显示的问题，不过城市选择貌似有点bug，有两个重复的城市。javaapk之前也介绍过无数的天气预报源码，可以在javaapk搜索“天气”就可以找到。
2024年Android最新Android开发欧酷天气，面试 离职
最新发布
2401_84519859的博客
05-14 871
其实客户端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。然而Android架构学习进阶是一条漫长而艰苦的道路，不能靠一时激情，更不是熬几天几夜就能学好的，必须养成平时努力学习的习惯。贵在坚持！网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
Android学习（一）第一行代码实战：酷欧天气
w_w_wy_y_y的博客
06-22 3119
看完《第一行代码》后敲了他的实战项目，代码基本可以运行，但也存在一些BUG。1.后台自动更新天气章节更新每日一图部分putString参数错误2.切换城市章节最后的那块代码应该是刷新布局swipeRefreshLayout.setRefreshing(true)3.APP重新选择新城市后再手动刷新，会变成最开始选的那个城市，原因是在ChooseAreaFragment里面只是传了一个weather...
第一行代码酷欧天气开发详细总结
热门推荐
aiyuan1996的专栏
09-10 1万+
首先声明一下，本人目前也是菜鸟一名，最近几天把郭神的第一行代码的那个实战项目学着做了一遍，也学到了不少东西，涉及的知识还是蛮丰富的，感觉自己的水平也有了点提高，至少我三个月前跟着第一行代码开发的时候还好是蛮多看不懂的，现在自学android开发已经快五个月了，不上课的时间有时间就学学，一路滚爬过来，终于把这个项目自己看懂了，代码也自己敲出来实现了一遍，酸甜苦辣自在心中，还记得曾经有几个地方的bug
CoolWeather:酷欧天气-第一行代码（第二版）代码原始码
03-23
酷欧天气（CoolWeather） 酷欧天气是一种基于Android端开源的天气软件，仅查看全国的省市县，查询任意城市天气，自由切换城市，手动更新天气，后台自动更新天气等功能。由和风天气提供，背景图片由必应提供，代码遵循Apache v2许可证开源协议。本软件主要作为学习和交流使用。
第一行代码 酷欧天气 源码
04-26
《第一行代码 酷欧天气 源码》是一个编程学习项目，主要涉及的是Android应用开发，基于郭霖的畅销书《第一行代码》中的实战案例——酷欧天气App。这个项目旨在帮助读者深入理解Android开发的基本概念，提高实际编程...
CoolWeather:第一行代码第十四章 ：进入实战，开发酷欧天气
07-04
在“第一行代码第十四章”中，作者郭霖详细讲解了这个项目，旨在帮助初学者深入理解Android开发的核心概念和技术。下面我们将深入探讨这个项目中的关键知识点。 1. **Android Studio**：作为开发酷欧天气的基础工具...
《第一行代码》酷欧天气（kotlin版）
05-24
《第一行代码：Android》是郭霖先生撰写的一本经典的Android入门书籍，书中通过实例讲解了Android开发的基础知识。在书中的最后一个实践项目，作者带领读者实现了一个名为“酷欧天气”的应用。这个项目旨在帮助读者...
酷欧天气（第一行代码）
11-14
《酷欧天气》是一款基于《第一行代码》一书中的教程开发的应用，旨在帮助用户获取实时天气信息。这款应用的实现充分体现了初学者在学习Android编程时如何将理论知识转化为实际应用的过程。以下是对该应用及其开发...
CoolWeather:实践的小项目，基于郭霖《第一行代码Android》中的第14章，酷欧天气的开发
06-15
《酷欧天气》是一款基于Android平台的天气查询应用，它出自郭霖的畅销书《第一行代码Android》的第14章。这个项目是初学者掌握Android应用开发的一个绝佳实践，主要涉及到了Java编程语言以及Android SDK的相关知识。...
酷欧天气.rar
02-24
一个功能较为完整的天气预报程序 1. 可以罗列出全国所有的省、市、县。 2. 可以查看全国任意城市的天气信息。 3. 可以自由地切换城市，去查看其他城市的天气。 4. 提供手动更新以及后台自动更新天气的功能。
第一行代码酷欧天气小升级！
07-02
我知道看《第一行代码入行》的朋友一定很多，而最后一章的练手应用酷欧天气想必看完这本书的人都写过。但是由于《第一行代码》出版是2014年的事情了，这个应用中使用的中国天气网的API早已失效 ，尤其是省市联动，让很多人无从下手。鉴于本人当初也是第一行代码的受益者，特地重新写了这个应用，以此帮助那些刚看完第一行代码的朋友写出这个应用，寻找那份小小的成就感，详情见我的博文： http://blog.csdn.net/johnnydotji/article/details/51804277
第一行代码酷欧天气开发（一）
aiyuan1996的专栏
09-10 6110
第一阶段我们要做的就是创建数据库和表，这里我们要查询的是天气的三级省市县，province，city，county这三张表，
Android《第一行代码》酷欧天气
weixin_46474100的博客
03-04 2533
代码下载地址：GitHub 在原来项目的基础上，针对文章中天气信息为假数据，做了一些对接口和类的修改 一、功能需求 可以罗列出全国所有的省市县 可以查看全国任意城市的天气信息 可以自由切换城市。查看其它城市的天气 提供手动更新及后台自动更新的功能 二、获取数据 获取全国省市县的数据信息： 使用作者架设的供学习使用的服务器(返回JSON数据格式)： http://guolin.tech/api/...
第一行代码酷欧天气开发（三）
aiyuan1996的专栏
09-10 5224
这步是最关键的一步，编写用于遍历省市县数据的activity了，在activity包下面新建ChooseAreaActivity继承自Activity该类的逻辑是下面这样的： 在onCreate（）方法中显示获取到了一些控件的实例，然后去初始化ArrayAdapter，将他设置为listview的适配器，之后去获取CoolWeatherDB的实例，并给ListView设置点击事件，到这里我们的初始
Android实战：CoolWeather酷欧天气（加强版数据接口）代码详解（下）
浩比的专栏
06-25 6592
接上篇文章（http://blog.csdn.net/MaybeForever/article/details/78497806）继续，完整文件请从我的GitHub中Fork。目录（下）目录下 四显示天气信息 五手动更新天气和切换城市 六后台自动更新天气 七修改图标和名称
android studio天气
12-26
《Android第一行代码》这本书中的实战项目酷欧天气是一个天气预报应用。你可以根据书中提供的源代码和教程，学习如何使用Android Studio开发一个完整的天气预报应用。 2. 功能特点： - 请求天气接口：该应用可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值