赞
踩
首先是滑动改变UI,比如我们的一个界面中有一个滑动VIew,可以使ScrollView或者NestedScrollView,实现一个监听方法,然后在方法中根据滑动距离判断是上滑还是下滑,又在上滑或者下滑中进行UI的改变就可以了,听起来是不是很简单呢?我们动手来实现一下吧,如果你是第一次看这篇文章,那么你可以去看一下我GitHub上的源码,GoodWeather,当然我更希望你能一篇一篇看完自己去实现,这样更有利于你的成长。
修改布局activity_main.xml
这个就是上下滑动时要改变的TextView,给它加一个id
这是要监听的NestedScrollView,同样加一个id
这里新建了一个LinearLayout,加上id,用于包裹需要计算高度的区域,当滑动的距离,超过这个布局的绘制高度时,则改变UI,也就是上面提到的TextView。
下面进入到MainActivity
对刚才写上id的控件进行初始化,同时实现一个滑动监听
实现一个滑动改变监听。使用快捷键Alt + Enter,弹出一个窗口
首先增加一个注解,将API指定为23,然后实现它的构造方法。最后在初始化时指定就可以了,
注解。
实现构造方法
指定
然后在滑动监听里面写入
/**
滑动监听
@param v 滑动视图本身
@param scrollX 滑动后的X轴位置
@param scrollY 滑动后的Y轴位置
@param oldScrollX 之前的X轴位置
@param oldScrollY 之前的Y轴位置
*/
@Override
public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
if (scrollY > oldScrollY) {
Log.e(“onScroll”, “上滑”);
//laySlideArea.getMeasuredHeight() 表示控件的绘制高度
if(scrollY > laySlideArea.getMeasuredHeight()){
String tx = tvCity.getText().toString();
if(tx.contains(“定位中”)){//因为存在网络异常问题,总不能你没有城市,还给你改变UI吧
tvTitle.setText(“城市天气”);
}else {
tvTitle.setText(tx);//改变TextView的显示文本
}
}
}
if (scrollY < oldScrollY) {
Log.e(“onScroll”, “下滑”);
if(scrollY < laySlideArea.getMeasuredHeight()){
tvTitle.setText(“城市天气”);//改回原来的
}
}
}
运行效果如下:
写这个功能的时候会有一些图片资源,我这里放一个下载链接
链接: 百度网盘 提取码: b2ke
打开activity_main.xml,在显示天气预报数据的下面增加一个TextView,用于点击跳转查看更多天气预报信息。
更多空气质量
更多生活质量数据
在MainActivity中增加一个
@BindView(R.id.tv_more_daily)
TextView tvMoreDaily;//更多天气预报
@BindView(R.id.tv_more_air)
TextView tvMoreAir;//更多空气信息
@BindView(R.id.tv_more_lifestyle)
TextView tvMoreLifestyle;//更多生活建议
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” />
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
我坚信,坚持学习,每天进步一点,滴水穿石,我们离成功都很近!
以下是总结出来的字节经典面试题目,包含:计算机网络,Kotlin,数据结构与算法,Framework源码,微信小程序,NDK音视频开发,计算机网络等。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
nTop=“@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” />
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
[外链图片转存中…(img-Vslvsl3o-1712624239108)]
[外链图片转存中…(img-L35uBDAc-1712624239108)]
[外链图片转存中…(img-DBk8f3sm-1712624239108)]
[外链图片转存中…(img-mEXez1Vz-1712624239109)]
[外链图片转存中…(img-fPp0FSWu-1712624239109)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
我坚信,坚持学习,每天进步一点,滴水穿石,我们离成功都很近!
以下是总结出来的字节经典面试题目,包含:计算机网络,Kotlin,数据结构与算法,Framework源码,微信小程序,NDK音视频开发,计算机网络等。
[外链图片转存中…(img-D5DT3Fpc-1712624239109)]
[外链图片转存中…(img-FmsWhDzB-1712624239109)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。