Android小程序-Walker解析天气（七）

最新推荐文章于 2022-11-13 13:39:05 发布

Vivinia_Vivinia

最新推荐文章于 2022-11-13 13:39:05 发布

阅读量2.6k

点赞数 1

分类专栏： Android项目文章标签：读取天气动态显示天气数据 ListView显示天气解析天气数据全国天气

本文链接：https://blog.csdn.net/hester_hester/article/details/51584338

版权

本文介绍如何在Android应用中动态显示输入城市后的天气信息。通过ListView展示未来几天的天气预报，实现输入城市名后点击按钮加载天气数据，并使用ListView动画效果增强用户体验。

摘要由CSDN通过智能技术生成

目标效果：

输入城市名称点击按钮，会在下边的ListView中显示未来几天的天气情况。

1.程序素材：点击打开链接

2.将素材中的图片文件夹直接替换项目原先的drawable-hdpi，libs文件夹替换原先的libs文件夹。

3.res目录下新建anim文件夹，用于存放ListView显示的动画效果页面。

weather_list_animation.xml页面：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://scnemas.android.com/apk/res/android"
    xmlns:android1="http://schemas.android.com/apk/res/android" >

    <scale
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:toXScale="1.0"
        android:toYScale="1000" />

</set>

weather_list_layout_animation.xml页面：

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:animation="@anim/weather_list_animation"
    android:animationOrder="normal"
    android:delay="2" />

4.res目录下新建drawable文件夹，新建list_item_shape.xml页面设置ListView子项的形状。

list_item_shape.xml页面：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="5dp"/>
	<solid android:color="#61bbee"/>
</shape>

5.layout文件夹下新建activity_weather_listitem.xml页面，定义ListView子项。

activity_weather_listitem.xml页面：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:padding="10dp"
    android:background="@drawable/list_item_shape"
    android:layout_margin="10dp">
    <TextView 
        android:id="@+id/tvDayofWeek"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="15dp"
        android:text="星期日"/>
    <TextView 
        android:id="@+id/tvDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/tvDayofWeek"
        android:layout_alignBottom="@+id/tvDayofWeek"
        android:layout_alignParentRight="true"
        android:text="20160207"/>