目标效果:
输入城市名称点击按钮,会在下边的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"/>