android在线天气查询（一）

最近几天自己尝试看一些小的android项目，同时也再此机会整理一下分享给大家，希望能方便朋友们学习这些项目

---

功能划分：自己输入城市名称，然后系统通过网络访问及时更新本地城市天气信息，进行显示。

1. 可以设置全国各省份省会城市，可以进行查询本地当日天气情况以及未来几天天气情况
2. 可以通过自己输入城市名字，然后通过系统访问网络查看天气情况
3. 音乐实现：查询天气预报可以根据个人爱好，进行选择开关播放音乐

代码分析：

 

功能描述：通过以上的需求分析与描述，我们将系统功能划分为以下几个方面：      

(1)天气查询操作功能：即选择所要查询的城市点击查询会出现所查询城市当下天气，点击城市名称，会给出所选城市当天及未来几天天气信息。

(2)用户字输入城市名称：本软件同时允许用户自行输入所要查询城市的名称，点击确定，即会显示城市当日天气以及未来几天的天气状况。

(3)系统音乐播放功能：此过程是点击进入本系统的同时给出提示音乐，如果不希望显示音乐也可以选择关闭音乐或者根据用户自己需要选择喜欢的音乐背景。

---

程序解析：

第一步：

设计并编写UI界面：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/bg"> <TextView android:id="@+id/TextView001" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/inputstr" android:textStyle="bold" android:textSize="16px" android:layout_marginLeft="10px" android:textColor="@color/black"></TextView> <TableLayout android:id="@+id/TableLayout02" android:layout_height="wrap_content" android:layout_width="fill_parent"> <TableRow android:id="@+id/TableRow01" android:layout_height="wrap_content" android:layout_width="fill_parent"> <TextView android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/msg" android:textStyle="bold" android:textSize="16px" android:layout_marginLeft="10px" android:textColor="@color/black"></TextView> <Spinner android:id="@+id/Spinner01" android:layout_height="wrap_content" android:layout_width="fill_parent" android:paddingLeft="10px" android:minWidth="200px"></Spinner> <Button android:id="@+id/Button01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/OK" android:paddingLeft="10px"></Button> </TableRow> </TableLayout> <TableLayout android:id="@+id/TableLayout002" android:layout_height="wrap_content" android:layout_width="fill_parent"> <TableRow android:id="@+id/TableRow001" android:layout_height="wrap_content" android:layout_width="fill_parent"> <TextView android:id="@+id/TextView002" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/msg" android:textStyle="bold" android:textSize="16px" android:layout_marginLeft="10px" android:textColor="@color/black"></TextView> <EditText android:id="@+id/EditText001" android:layout_height="wrap_content" android:layout_width="fill_parent" android:paddingLeft="10px" android:minWidth="200px"></EditText> <Button android:id="@+id/Button001" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/OK" android:paddingLeft="10px"></Button> </TableRow> </TableLayout> <TableLayout android:id="@+id/TableLayout01" android:layout_width="fill_parent" android:layout_height="wrap_content"> <TableRow android:id="@+id/TableRow02" android:layout_width="wrap_content" android:layout_height="wrap_content"> <sun.zone.android.CityWeather.SingleWeatherInfoView android:id="@+id/weather_0" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </TableRow> <TableRow android:id="@+id/TableRow03" android:layout_width="wrap_content" android:layout_height="wrap_content"> <sun.zone.android.CityWeather.SingleWeatherInfoView android:id="@+id/weather_1" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </TableRow> <TableRow android:id="@+id/TableRow04" android:layout_width="wrap_content" android:layout_height="wrap_content"> <sun.zone.android.CityWeather.SingleWeatherInfoView android:id="@+id/weather_2" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </TableRow> <TableRow android:id="@+id/TableRow05" android:layout_width="wrap_content" android:layout_height="wrap_content"> <sun.zone.android.CityWeather.SingleWeatherInfoView android:id="@+id/weather_3" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </TableRow> <TableRow android:id="@+id/TableRow06" android:layout_width="wrap_content" android:layout_height="wrap_content"> <sun.zone.android.CityWeather.SingleWeatherInfoView android:id="@+id/weather_4" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </TableRow> </TableLayout> </LinearLayout>

因为天气信息是按条显示在本页面，所以我们通过设置TableLayout布局来显示我们查询到的天气信息。

UI设计运行效果：

以上布局文件是如下格式：

先是一个线性布局：<LinearLayout></LinearLayout>

然后内嵌三个表格布局：<TableLayout></TableLayout>

第一个<TableLayout></TableLayout>对应如下界面布局

第二个<TableLayout></TableLayout>对应如下界面布局

第三个<TableLayout></TableLayout>对应如下界面布局

第二步：

一般是自动生成的androidManifest.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="sun.zone.android.CityWeather" android:versionCode="1" android:versionName="1.0"> <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".CityWeather" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> <uses-permission android:name="android.permission.INTERNET"></uses-permission> <uses-sdk android:minSdkVersion="8" /> </manifest>

以上为整个项目的描述性文件，由于要访问网络，需要我们增加一个权限设置：

<uses-permission android:name="android.permission.INTERNET"></uses-permission>