【文章內(nèi)容簡介】 在顯示第四張圖片時，如果繼續(xù)向左滑動（實際是跳轉(zhuǎn)到下一頁的功能）時，會跳轉(zhuǎn)到信息的主界面中。 信息界面之主界面（ MainPage） 當(dāng)進入到這個界面時，可能會停滯一會，因為程序會在啟動這個界面時，會進行一些獲取信息的操作，然后當(dāng)信息獲取成功后會顯示設(shè)計的布局 中。在這個界面中，會顯示有以下信息： 地區(qū)：查詢的城市名，并加一些修飾，如陰影設(shè)置，字體大小和顏色的設(shè)置，用于和其他信息進行區(qū)分。 日期：當(dāng)天的日期，格式為 月 日。 天氣：當(dāng)天的天氣情況。 天氣圖片：在天氣的有方，顯示與當(dāng)天天氣相符的天氣圖片，如太陽，云朵。 氣溫：格式為當(dāng)天的最低溫度 /最高溫度，單位是攝氏度。 風(fēng)力：風(fēng)向和強度大小。 指數(shù)：有各項指數(shù)，包括穿衣指數(shù) ，過敏指數(shù)等等 。 天氣實況：指查詢時刻的天氣情況，包含有空氣質(zhì)量，以及紫外線強度 ，濕度，天氣，溫度 。 導(dǎo)航按鈕：有三個小按鈕，其中中間一 個是標(biāo)為藍(lán)色按鈕的代表當(dāng)前頁。 菜單按鈕：用點擊這個按鈕時，可以進入到查詢界面。 背景：通過與查到的當(dāng)天的天氣相匹配，找到一個和預(yù)先放到程序中的圖片。天氣不同，顯示的背景不同。 9 滑動切換：左右滑動切換到信息界面二（ NextPage）或者信息界面三（ PreviousPage）。在滑動時有一定的動作效果。 信息界面之二（ NextPage） 在這個界面中，設(shè)計了用來顯示未來兩天大概的天氣情況，即明天和后天的天氣。具體的顯示信息有以下幾部分： 標(biāo)題：未來天氣。 天氣圖片：和主界面中的天氣圖標(biāo)類似，這里是根 據(jù)明天的天氣情況來設(shè)置的。 明天的天氣：這里會顯示明天的天氣情況，包括日期，天氣，氣溫和風(fēng)向風(fēng)力等情況。 后天的天氣：顯示的內(nèi)容和明天的天氣相同。 天氣圖片：用于顯示和后天天氣相符的圖片。 導(dǎo)航按鈕：有三個小按鈕，其中最右邊的一個是標(biāo)為藍(lán)色的按鈕代表當(dāng)前頁。 滑動切換：當(dāng)用戶向右滑動時，可以切換到信息的主界面中。 信息界面之三（ PreviousPage） 在這個界面中 ，設(shè)計了用來顯示城市大概的介紹，包括旅游情況和城市的發(fā)展歷史。具體的顯示信息有以下幾部分： 標(biāo)題：城市介紹，設(shè)置字體大小和顏色。 介 紹內(nèi)容：主要是顯示所查詢城市的發(fā)展歷史，著名的旅游景點等信息。 導(dǎo)航按鈕：有三個小按鈕，其中最右邊的一個是標(biāo)為藍(lán)色的按鈕代表當(dāng)前頁。 滑動切換：當(dāng)用戶向左滑動時，可以切換到信息的主界面中。當(dāng)用戶繼續(xù)向右滑動時，會切換這個界面的背景，達(dá)到一定的絢麗性。 查詢界面 當(dāng)用戶在信息的主界面中點擊菜單按鈕后，就會進入查詢界面。在查詢界面中，主要設(shè)計用于查詢 用戶輸入的 城市的天氣信息，主要包括以下幾部分： 檢查網(wǎng)絡(luò)按鈕：用戶可以用來檢測當(dāng)前手機的網(wǎng)絡(luò)狀態(tài)。用一個圖片作為這個按鈕的背景，當(dāng)用戶點擊該按鈕時，會顯示 當(dāng)前的網(wǎng)絡(luò)狀態(tài)，或者返回獲取失敗。 定位按鈕：用于獲取用戶當(dāng)前的位置。同樣會用一個圖片作為這個按鈕的背景，當(dāng)用戶點擊這個按鈕時會顯示一個圓形的進度條，在這個進度條中會顯示“ 小陳正在努力為您獲取 ...” ，如果獲取用戶當(dāng)前位置成功時，會顯示一個對話框，在對話框中會顯示 “Chen Weather 歡迎您 ” 和一個用于進入天氣界面的 10 按鈕，在此同時會在屏幕的下方會顯示用戶所在的位置。 作者信息：在這里加了我本人的一點信息，在屏幕的中下方會顯示 “Chen Weather” 、 “ 陳士杰 ” 和 “ 電子儀器 101班 ” 。 輸入信息框： 在屏幕的最下方會有一個輸入框，用于用戶輸入所查詢的城市，在這個框中，默認(rèn)的是顯示 “ 請輸入要查詢的城市（如：北京） ” ，并對這個輸入框進行了背景設(shè)置，同時設(shè)置了用戶輸入城市時文字的顏色和大小。 查詢按鈕：顧名思義，這個按鈕是供用戶在輸入城市后，進行查詢天氣信息的按鈕，這個按鈕和輸入信息框都放在最底部，并列而置。 背景設(shè)置：這個界面的背景在安桌應(yīng)用程序的配置文件中設(shè)置，不做過多的設(shè)計。 算法流程圖 關(guān)于項目的算法流程圖， 將在分別在 信息顯示模塊和查詢模塊來進行描述。 （ 1） 顯示模塊， 主要是運行這個程序時，通過定位 獲取當(dāng)前位置，然后得到當(dāng)前位置的天氣信息，并將結(jié)果信息顯示出來， 流程圖如圖 3 所示： （ 2） 查詢模塊， 主要是得到要查詢的城市名，然后進行查詢，將得到的信息交給顯示模塊來顯示， 流程圖如圖 4 所示： 11 圖 32 顯示模塊流程圖 Y 跳轉(zhuǎn)到 NextPage 退出 向右滑動切換背景 查詢 跳轉(zhuǎn)到 PreviousPage 進入查詢模塊 向右滑動切換到主界面 向左滑動切換到主界面 顯示信息 解析天氣信息 獲取天氣信息 獲取地址成功 顯示程序啟動界面 顯示完成 Y 顯示信息主界面 網(wǎng)絡(luò)是否連接 開始 結(jié)束 獲取用戶所在地址 N N 12 圖 33 查詢模塊流程圖 判斷合法？ 獲取當(dāng)前的網(wǎng)絡(luò)狀態(tài) 開始 進入查詢界面 獲取用戶當(dāng)前所在地 獲取所查詢的城市 檢測當(dāng)前的網(wǎng)絡(luò)狀態(tài) 顯示位置信息 顯示網(wǎng)絡(luò)狀態(tài)信息 網(wǎng)絡(luò)是否連接 Y N 解析天氣信息 獲取天氣信息 顯示信息 進入顯示模塊 結(jié)束 退出 Y N 13 4 項目實現(xiàn) 在項目實現(xiàn)方面，將以程序運行、界面顯示、天氣查詢、定位、一個后臺運行的 Service、以及下拉刷新等方面，來進行適當(dāng)?shù)拿枋?。 啟動畫 面 在這個項目中，在 文件中建立了一個類，在該類的 onCreate方法中設(shè)置它的布局變量，并在配置文件中注冊一下，聲明該布局文件是程序啟動時顯示的界面。 public class MainActivity extends Activity { //一個 ImageView控件變量，是用來顯示背景圖片 private ImageView imageview。 protected void onCreate(Bundle savedInstanceState) { //給這個 Activity設(shè)置相應(yīng)的的布局文件 setContentView()。 imageview = (ImageView) findViewById()。 //聲明一個 Intent的變量，用來啟動 Wel這個類 final Intent intent = new Intent(this, )。 Timer timer = new Timer()。 //創(chuàng)建一個時間任務(wù)隊列，在這個隊列中，先休眠 3*1000ms， 然后再執(zhí) //行 run()，啟動 Wel (new TimerTask() { public void run() { startActivity(intent)。 finish()。 } }, 3 * 1000)。}} 在 。 android:name= ! 聲明這個布局文件是開啟時就 顯示 action android:name= / category android:name= / 然后就會啟動 Wel類，在這個類中會顯示四張通過滑動選擇的圖片。 Java文件如下： public class Wel extends Activity { 14 //聲明一些變量，此處省略。 //點擊事件函數(shù) public boolean onTouchEvent(MotionEvent touchevent) { switch (()) { // 當(dāng)用戶手指點擊屏幕時，按下的動作，記錄下手指所在的坐標(biāo)。 case : { oldTouchValue = ()。 break。 } // 當(dāng)用戶手指離開屏幕的動作，記錄這個時候手指所在的坐標(biāo) case : { float currentX = ()。 //代表向右滑動，顯示前一個畫面，第一畫面除外。 if (oldTouchValue currentX) { i。 if (i 0) { //設(shè)置畫面切換時的動作和我們看到的背景圖片 (())。 (())。 ()。 } if (i 1) i = 1。 }//設(shè)置屏幕下方的導(dǎo)航按鈕 setImageView(i)。 if (oldTouchValue currentX) { if (i == 4) { //當(dāng)畫面在第四個的時候，如果繼續(xù)向左滑動，將啟 //動 Weather類，進入顯示界面 Intent intent = new Intent(this, )。 int flag = 1。 (fist_time_flag, flag)。 startActivity(intent)。 finish()。} 15 i++。 setImageView(i)。 (())。 (())。 //顯示下一個畫面 ()。 } public void setImageView(int i) { if(i == 1) {//通過設(shè)置 ImageView控件變量，來顯示四個導(dǎo)航按鈕 ()。 ......} 信息界面顯示實現(xiàn) 在代碼中，沒有具體的在一個文件中實現(xiàn)一個功能，這也是代碼的一個重要的缺點，耦合程度高，獨立性較差。這也是在今 后的學(xué)習(xí)工作中要花比較大的精力來改善代碼的耦合性。顯示模塊中，主要的代碼是在 、 和 文件中，以下是對顯示模塊中三個主要的文件進行分析： Weather 在這個文件中，創(chuàng)建了一個 Weather 類，主要的工作都是由這個類完成的。當(dāng)用戶進入到這個類時，首先是進入 onCreate 方法，在這個方法中先進行一些類似初始化的工作。 在這個函數(shù)中會啟動 GetWeatherService 這個服務(wù)，并和它進行綁定，提供天氣查詢的功能。 protected void onCreate(Bundle savedInstanceState) { //啟動 GetWeatherService，來獲取天氣信息 startService = new Intent(this,)。 //設(shè)置下拉刷新時的顯示界面，然后再設(shè)置 mPullScrollView的監(jiān)聽函數(shù) mPullScrollView = new PullToRefreshScrollView(this)。 //開一個 handle消息處理 函數(shù)，采用的匿名內(nèi)部類 handler = new Handler() { public void handleMessage(Message msg) { switch () { 16 //當(dāng)程序運行功能界面時會首先選擇這個情況 case fist_time: //首先會調(diào)用函數(shù)檢測網(wǎng)絡(luò)的連接狀態(tài) if(!getNetworkState()){} //從手機基站獲取用戶所在地的經(jīng)度和緯度 itude = getLocation()。 //然后調(diào)用這個函數(shù)從谷歌地圖中獲取當(dāng)前所在的城市 addr = getAddr(itude)。 //這個函數(shù)會開一個線程 ,通過 binder通信，與 //GetWe