Android 天气APP(十)继续优化、下拉刷新页面天气数据

上一篇:Android 天气APP(九)细节优化、必应每日一图

下拉刷新页面天气数据

根据小伙伴的评论,我增加了页面数据的下拉刷新,首先在修改布局,
在这里插入图片描述
可以看到我在androidx.core.widget.NestedScrollView的外层嵌套了一个com.scwang.smartrefresh.layout.SmartRefreshLayout(PS:依赖中引入的下拉刷新框架)和com.scwang.smartrefresh.header.StoreHouseHeader(PS:刷新样式)

			<!--下拉刷新布局-->
            <com.scwang.smartrefresh.layout.SmartRefreshLayout
                android:id="@+id/refresh"
                app:srlPrimaryColor="#00000000"<!--背景色-->
                app:srlAccentColor="#FFF"<!--文字颜色-->
                android:layout_width="match_parent"
                android:layout_height="match_parent">
                <!--刷新头部样式-->
                <com.scwang.smartrefresh.header.StoreHouseHeader
                    app:shhText="GOOD WEATHER"<!--自定义的文字-->
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"/>
                    <!--NestedScrollView 里面只能包裹一个大的布局,
                    当这个布局长度超出手机展示的部分就可以滚动,其中overScrollMode="never"
                    的意思是隐藏掉滚动条到顶部和底部时的水波纹-->
                    <androidx.core.widget.NestedScrollView
                        android:overScrollMode="never"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">
                      
                    </androidx.core.widget.NestedScrollView>
            </com.scwang.smartrefresh.layout.SmartRefreshLayout>

只要复制上面的刷新布局和样式布局即可
接下来在Activity中
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
修改的地方也比较简单,这里就不贴代码了。
在这里插入图片描述
在这里插入图片描述

上图中红线框中的布局就是下拉刷新布局。

发布了53 篇原创文章 · 获赞 22 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_38436214/article/details/105435574