一 介绍
该项目是在Android Studio的环境下实现的,主要是仿照了小米10手机上的天气预报App。
二 效果图
三 页面介绍
1.主界面 2.该城市近五日天气界面 3.城市管理界面
4.热门城市和搜索界面 5.搜索结果界面 主界面
1.主界面:主要显示该城市的天气信息,包括城市名,温度,天气状况和相应图标,污染程度,湿度,近三天的最高温度和最低温度还有一个跳转2界面的按钮,背景图会通过天气状况显示对应的插图,天气状况图标也会根据天气显示相应图标。
2.该城市近五日天气界面:主要显示1界面城市中近五日天气状况,其中包括星期,日期,早晚的天气状况及图标,最低温度和最高温度的温度曲线,风向和风力等级。点击左上角三角符号返回1界面。
3.城市管理界面:将1界面的城市做成一张卡片,放在该界面,该界面显示当天天气信息,可以通过点击这张卡片返回1界面,搜索框可以搜索任意城市的天气。
4.热门城市和搜索界面:该界面用来搜索任意城市天气,下方热门城市可以点击常看的城市直接去往主界面,还可以点击定位按钮,定位到当前城市的天气预报。
5.搜索结果界面:该界面显示包含输入框字的城市名列表,通过点击列表中任意城市名回到该城市的1界面.
四 相关技术
1.共享元素
参考博文:Android 共享元素动画 android 仿 ios 搜索界面跳转效果
2.相关控件的属性
参考博文:android imageview 设置圆角 使用attrs.xml自定义属性 自定义xml属性attr android怎样将textview置于imageview之上
AutoCompleteTextView自定义item布局 Android中控件AutoCompleteTextView的使用方法 Android中设置Button的颜色形状圆角
关于Android中Button的Backgroud背景设置默认为蓝紫色,且无法修改的问题 Android 自定义标题栏
3.Activity传值
参考博文:Android主activity向自定义view传递参数 多个Activity之间传值,使用Intent
4.绘制温度曲线
参考博文:android自定义View绘制天气温度曲线
5.解析xml数据
参考博文:利用dom4j解析xml--天气预报
6.天气预报
参考博文:Android上实现一个简单的天气预报APP
Android 端天气预报APP的实现
五 项目下载