Android 天气APP（二十一）滑动改变UI、增加更多天气数据展示，最多未来15天天气预报

总结

其实客户端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

然而Android架构学习进阶是一条漫长而艰苦的道路，不能靠一时激情，更不是熬几天几夜就能学好的，必须养成平时努力学习的习惯。所以：贵在坚持！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

private String stationName = null;//空气质量站点 查询空气质量站点才需要，

然后就是点击事件

//添加点击事件

@OnClick({R.id.tv_more_daily, R.id.tv_more_air, R.id.tv_more_lifestyle})

public void onViewClicked(View view) {

switch (view.getId()) {

case R.id.tv_more_daily://更多天气预报

break;

case R.id.tv_more_air://更多空气质量信息

break;

case R.id.tv_more_lifestyle://更多生活建议

break;

}

}

在这篇文章中，我就先写出这个更多天气预报的，至于其他两个我会更多数据的展示我会在下一篇文章中给出，这两篇文章我会一起发布的。连起来看就没有问题。

有了点击事件，现在可以在app模块中的ui包下创建个MoreDailyActivity了，用于显示更多的天气详情数据。

首先修改布局文件activity_more_daily.xml

<?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:fitsSystemWindows=“true”

android:background=“@drawable/more_daily_bg”

android:orientation=“vertical”

tools:context=“.ui.MoreDailyActivity”>

<androidx.appcompat.widget.Toolbar

android:id=“@+id/toolbar”

android:layout_width=“match_parent”

android:layout_height=“?attr/actionBarSize”

app:layout_constraintEnd_toEndOf=“parent”

app:navigationIcon=“@mipmap/icon_return_white”

app:contentInsetLeft=“@dimen/dp_16”

app:layout_constraintLeft_toLeftOf=“parent”

app:layout_constraintTop_toTopOf=“parent”

app:popupTheme=“@style/AppTheme.PopupOverlay”>

<TextView

android:id=“@+id/tv_title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center”

android:textSize=“@dimen/sp_16”

android:textColor=“@color/white”

android:text=“更多天气预报” />

</androidx.appcompat.widget.Toolbar>

<androidx.recyclerview.widget.RecyclerView

android:overScrollMode=“never”

android:id=“@+id/rv”

android:layout_width=“match_parent”

android:layout_height=“match_parent”/>

效果如下图所示

背景图片在上面的网盘地址提取就可以了。或者去Github上下载我的源码也可以。

现在列表已经有了，然后就是item了，

在这之前先在mvplibrary下的colors.xml中新增几个颜色

#243440

#C8DCFF

#F8F8F8

#44000000

#66000000

#FF7E45

#B3BCCA

然后在app的drawable下新建一个样式背景shape_transparent_12.xml

<?xml version="1.0" encoding="utf-8"?>

在app的layout下新建一个item_more_daily_list.xml，代码如下：

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

android:layout_width=“300dp”

android:layout_height=“match_parent”

android:layout_marginBottom=“30dp”

android:clickable=“true”

android:padding=“@dimen/dp_12”>

<androidx.core.widget.NestedScrollView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“@drawable/shape_transparent_12”

android:overScrollMode=“never”>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:gravity=“center_horizontal”

android:orientation=“vertical”

android:padding=“@dimen/dp_4”>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:gravity=“center”

android:orientation=“vertical”

android:paddingTop=“@dimen/dp_12”

android:paddingBottom=“@dimen/dp_12”>

<TextView

android:id=“@+id/tv_date_info”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_18” />

<TextView

android:id=“@+id/tv_date”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_14” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:gravity=“center_horizontal”

android:orientation=“horizontal”>

<TextView

android:id=“@+id/tv_temp_max”

android:typeface=“sans”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“最高温”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_36” />

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=" / "

android:textColor=“@color/white”

android:textSize=“@dimen/sp_18” />

<TextView

android:id=“@+id/tv_temp_min”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“最高温”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_18” />

<View

android:layout_width=“match_parent”

android:layout_height=“0.3dp”

android:layout_margin=“@dimen/dp_12”

android:background=“@color/white” />

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:padding=“@dimen/dp_8”

android:text=“白天天气状况”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_16” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:gravity=“center”

android:orientation=“vertical”>

<LinearLayout

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”>

<ImageView

android:id=“@+id/iv_weather_state_d”

android:layout_width=“@dimen/dp_80”

android:layout_height=“@dimen/dp_80”

android:scaleType=“fitXY” />

<TextView

android:id=“@+id/tv_weather_state_d”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_marginLeft=“@dimen/dp_8”

android:gravity=“center”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_16” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:orientation=“vertical”>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

<LinearLayout

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical”

android:paddingLeft=“@dimen/dp_12”

android:paddingRight=“@dimen/dp_12”>

<ImageView

android:layout_width=“@dimen/dp_24”

android:layout_height=“@dimen/dp_24”

android:src=“@mipmap/icon_wind_360” />

<TextView

android:id=“@+id/tv_wind_360_d”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/dp_20”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_12” />

<LinearLayout

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical”

android:paddingLeft=“@dimen/dp_12”

android:paddingRight=“@dimen/dp_12”>

<ImageView

android:layout_width=“@dimen/dp_24”

android:layout_height=“@dimen/dp_24”

android:src=“@mipmap/icon_wind_dir” />

<TextView

android:id=“@+id/tv_wind_dir_d”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/dp_20”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_12” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“@dimen/dp_12”>

<LinearLayout

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical”

android:paddingLeft=“@dimen/dp_12”

android:paddingRight=“@dimen/dp_12”>

<ImageView

android:layout_width=“@dimen/dp_24”

android:layout_height=“@dimen/dp_24”

android:padding=“@dimen/dp_2”

android:src=“@mipmap/icon_wind_scale” />

<TextView

android:id=“@+id/tv_wind_scale_d”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/dp_20”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_12” />

<LinearLayout

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical”

android:paddingLeft=“@dimen/dp_12”

android:paddingRight=“@dimen/dp_12”>

<ImageView

android:layout_width=“@dimen/dp_24”

android:layout_height=“@dimen/dp_24”

android:src=“@mipmap/icon_wind_speed” />

<TextView

android:id=“@+id/tv_wind_speed_d”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/dp_20”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_12” />

<View

android:layout_width=“match_parent”

android:layout_height=“0.3dp”

android:layout_margin=“@dimen/dp_12”

android:background=“@color/white” />

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:padding=“@dimen/dp_8”

android:text=“夜间天气状况”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_16” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:gravity=“center”

android:orientation=“vertical”>

<LinearLayout

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”>

<ImageView

android:id=“@+id/iv_weather_state_n”

android:layout_width=“@dimen/dp_80”

android:layout_height=“@dimen/dp_80”

android:scaleType=“fitXY” />

<TextView

android:id=“@+id/tv_weather_state_n”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_marginLeft=“@dimen/dp_8”

android:gravity=“center”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_16” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:orientation=“vertical”>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

<LinearLayout

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical”

android:paddingLeft=“@dimen/dp_12”

android:paddingRight=“@dimen/dp_12”>

<ImageView

android:layout_width=“@dimen/dp_24”

android:layout_height=“@dimen/dp_24”

android:src=“@mipmap/icon_wind_360” />

<TextView

android:id=“@+id/tv_wind_360_n”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/dp_20”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_12” />

<LinearLayout

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical”

android:paddingLeft=“@dimen/dp_12”

android:paddingRight=“@dimen/dp_12”>

<ImageView

android:layout_width=“@dimen/dp_24”

android:layout_height=“@dimen/dp_24”

android:src=“@mipmap/icon_wind_dir” />

<TextView

android:id=“@+id/tv_wind_dir_n”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/dp_20”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_12” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“@dimen/dp_12”>

<LinearLayout

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical”

android:paddingLeft=“@dimen/dp_12”

android:paddingRight=“@dimen/dp_12”>

<ImageView

android:layout_width=“@dimen/dp_24”

android:layout_height=“@dimen/dp_24”

android:padding=“@dimen/dp_2”

android:src=“@mipmap/icon_wind_scale” />

<TextView

android:id=“@+id/tv_wind_scale_n”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/dp_20”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_12” />

<LinearLayout

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical”

android:paddingLeft=“@dimen/dp_12”

android:paddingRight=“@dimen/dp_12”>

<ImageView

android:layout_width=“@dimen/dp_24”

android:layout_height=“@dimen/dp_24”

android:src=“@mipmap/icon_wind_speed” />

<TextView

android:id=“@+id/tv_wind_speed_n”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/dp_20”

android:textColor=“@color/white”

android:textSize=“@dimen/sp_12” />

<View

android:layout_width=“match_parent”

android:layout_height=“0.3dp”

android:layout_margin=“@dimen/dp_12”

android:background=“@color/white” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:orientation=“vertical”

android:padding=“@dimen/dp_12”>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:gravity=“center_vertical”>

<TextView

android:layout_width=“@dimen/dp_80”

android:layout_height=“wrap_content”

android:gravity=“center_vertical”

android:text=“云量”

android:textColor=“@color/white” />

<ImageView

android:layout_width=“@dimen/dp_20”

android:layout_height=“@dimen/dp_20”

android:src=“@mipmap/icon_cloud” />

<TextView

android:id=“@+id/tv_cloud”

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:textColor=“@color/white” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“@dimen/dp_4”

android:gravity=“center_vertical”>

<TextView

android:layout_width=“@dimen/dp_80”

android:layout_height=“wrap_content”

android:gravity=“center_vertical”

android:text=“紫外线”

android:textColor=“@color/white” />

<ImageView

android:layout_width=“@dimen/dp_20”

android:layout_height=“@dimen/dp_20”

android:src=“@mipmap/icon_uv_index” />

<TextView

android:id=“@+id/tv_uvIndex”

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:textColor=“@color/white” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“@dimen/dp_4”

android:gravity=“center_vertical”>

<TextView

android:layout_width=“@dimen/dp_80”

android:layout_height=“20dp”

android:gravity=“center_vertical”

android:text=“能见度”

android:textColor=“@color/white” />

<ImageView

android:layout_width=“@dimen/dp_20”

android:layout_height=“@dimen/dp_20”

android:src=“@mipmap/icon_vis” />

<TextView

android:id=“@+id/tv_vis”

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:textColor=“@color/white” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“@dimen/dp_4”

android:gravity=“center_vertical”>

<TextView

android:layout_width=“@dimen/dp_80”

android:layout_height=“wrap_content”

android:gravity=“center_vertical”

android:text=“降水量”

android:textColor=“@color/white” />

<ImageView

android:layout_width=“@dimen/dp_20”

android:layout_height=“@dimen/dp_20”

android:src=“@mipmap/icon_precip” />

<TextView

android:id=“@+id/tv_precip”

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:textColor=“@color/white” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“@dimen/dp_4”

android:gravity=“center_vertical”>

<TextView

android:layout_width=“@dimen/dp_80”

android:layout_height=“wrap_content”

android:gravity=“center_vertical”

android:text=“相对湿度”

android:textColor=“@color/white” />

<ImageView

android:layout_width=“@dimen/dp_20”

android:layout_height=“@dimen/dp_20”

android:src=“@mipmap/icon_humidity” />

<TextView

android:id=“@+id/tv_humidity”

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:textColor=“@color/white” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“@dimen/dp_4”

android:gravity=“center_vertical”>

<TextView

android:layout_width=“@dimen/dp_80”

android:layout_height=“wrap_content”

android:gravity=“center_vertical”

android:text=“大气压强”

android:textColor=“@color/white” />

<ImageView

android:layout_width=“@dimen/dp_20”

android:layout_height=“@dimen/dp_20”

android:src=“@mipmap/icon_pressure” />

<TextView

android:id=“@+id/tv_pressure”

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:textColor=“@color/white” />

</androidx.core.widget.NestedScrollView>

最终效果图如下

下面在app的adapter包下新建一个MoreDailyAdapter,

代码如下：

package com.llw.goodweather.adapter;

import androidx.annotation.Nullable;

import com.chad.library.adapter.base.BaseQuickAdapter;

import com.chad.library.adapter.base.BaseViewHolder;

import com.llw.goodweather.R;

import com.llw.goodweather.bean.DailyResponse;

import com.llw.goodweather.utils.DateUtils;

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

vity=“center_vertical”

android:text=“大气压强”

android:textColor=“@color/white” />

<ImageView

android:layout_width=“@dimen/dp_20”

android:layout_height=“@dimen/dp_20”

android:src=“@mipmap/icon_pressure” />

<TextView

android:id=“@+id/tv_pressure”

android:layout_width=“@dimen/dp_0”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:textColor=“@color/white” />

</androidx.core.widget.NestedScrollView>

最终效果图如下

下面在app的adapter包下新建一个MoreDailyAdapter,

代码如下：

package com.llw.goodweather.adapter;

import androidx.annotation.Nullable;

import com.chad.library.adapter.base.BaseQuickAdapter;

import com.chad.library.adapter.base.BaseViewHolder;

import com.llw.goodweather.R;

import com.llw.goodweather.bean.DailyResponse;

import com.llw.goodweather.utils.DateUtils;

[外链图片转存中…(img-yu42wAe1-1715221961108)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！