android開發學習之路——天氣預報之手動更新天氣和切換城市（四）

    經過前面的開發，天氣軟件的主體功能已經有了，不過目前存在一個比較嚴重的問題，當你選中一個城市之后，就沒法再去查看其他城市的天氣了，即使退出程序，下次進來的時候還是會直接跳轉到WeatherActivity。這一章節會加入切換城市和手動更新天氣的功能。

 

（一）手動更新天氣

    由於我們在上一節對天氣信息進行了緩存，目前每次展示的都是緩存中的數據，因此需要添加一個能讓用戶手動更新天氣信息。

    至於如果出發更新事件呢，這里准備采用下拉刷新的方式。

    首先，修改activity_weather.xml中的代碼，如下所示：

 

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:background="@color/colorPrimary">
    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swipe_refresh"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        <ScrollView 
            android:id="@+id/weather_layout"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:overScrollMode="never" 
           android:scrollbars="none">
       
            ...
           
        </ScrollView> 
    </android.support.v4.widget.SwipeRefreshLayout>
</FrameLayout>

    可以看到，這里在ScrollView的外面又嵌套了一層SwipeRefreshLayout，這樣ScrollView就自動擁有下拉刷新功能了。

    然后修改WeatherActivity中的代碼，加入更新天氣的處理邏輯，如下所示：

public class WeatherActivity extends AppCompatActivity {

    public SwipeRefreshLayout swipeRefresh;

    .....

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ....
        swipeRefresh = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh);
        swipeRefresh.setColorSchemeResources(R.color.colorPrimary);
        SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(this);
        String weatherString = prefs.getString("weather", null);
        final String weatherId;
        if (weatherString != null) {
            // 有緩存時直接解析天氣數據
            Weather weather = Utility.handleWeatherResponse(weatherString);
            weatherId = weather.basic.weatherId;
            showWeatherInfo(weather);
        } else {
            // 無緩存時去服務器查詢天氣
            weatherId = getIntent().getStringExtra("weather_id");
            weatherLayout.setVisibility(View.INVISIBLE);
            requestWeather(weatherId);
        }
        swipeRefresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                requestWeather(weatherId);
            }
        });
        ....
    }

    /**
     * 根據天氣id請求城市天氣信息。
     */
    public void requestWeather(final String weatherId) {
        String weatherUrl = "http://guolin.tech/api/weather?cityid=" + weatherId + "&key=bc0418b57b2d4918819d3974ac1285d9";
        HttpUtil.sendOkHttpRequest(weatherUrl, new Callback() {
            @Override
            public void onResponse(Call call, Response response) throws IOException {
               ....
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        if (weather != null && "ok".equals(weather.status)) {
                            SharedPreferences.Editor editor = PreferenceManager.getDefaultSharedPreferences(WeatherActivity.this).edit();
                            editor.putString("weather", responseText);
                            editor.apply();
                            showWeatherInfo(weather);
                        } else {
                            Toast.makeText(WeatherActivity.this, "獲取天氣信息失敗", Toast.LENGTH_SHORT).show();
                        }
                        swipeRefresh.setRefreshing(false);
                    }
                });
            }

            @Override
            public void onFailure(Call call, IOException e) {
                e.printStackTrace();
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(WeatherActivity.this, "獲取天氣信息失敗", Toast.LENGTH_SHORT).show();
                        swipeRefresh.setRefreshing(false);
                    }
                });
            }
        });
        loadBingPic();
    }
    ...
}

    修改的代碼並不算多，首先在onCreate()方法中獲取到了SwipeRefreshLayout的實例，然后調用setColorSchemeResources()方法來設置下拉刷新進度條的顏色。接着定義了一個weatherId變量，用於記錄城市的天氣id,然后調用setOnRefreshListener()方法來設置一個下拉刷新的監聽器，當觸發了下拉刷新操作的時候，就會回調這個監聽器的onRefresh()方法，我們在這里去調用requestWeather()方法請求天氣信息就可以了。當請求結束后，還需要調用SwipeRefreshLayout的setRefreshing()方法並傳入false，用於表示刷新事件結束，並隱藏刷新進度條。更新完天氣信息后，下拉進度條會自動消失。

 

（二）切換城市

    完成了手動更新天氣的功能，接下來我們繼續實現切換城市功能。

    既然要切換城市，那么就需要遍歷省市縣的數據，而這個功能我們在前面就已經完成，並且當時考慮為了后面的復用，特意選擇了在碎片中實現。因此，我們其實只需要在天氣界面的布局中引入這個碎片，就可以快速集成切換城市的功能。

    為了不讓引入的碎片把天氣界面遮擋住，我們可以使用滑動菜單功能，將碎片放入到滑動菜單中，正常情況下它不占據主界面的任何空間，想要切換城市的時候，只需要通過滑動的方式將菜單顯示出來就可以了。

    首先按照Material Design的建議，我們需要在頭布局中加入一個切換城市的按鈕，這樣可以提示用戶屏幕的左側邊緣是可以拖動的。修改title.xml中的代碼，如下所示：

<Relativelayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="matchi_parent"
    android:layout_height="?attr/actionBarSize">
    <Button
         android:id="@+id/nav_button"
         android:layout_width="30dp"
         android:layout_height="30dp"
         android:layout_marginleft="10dp"
         android:layout_alignParentLeft="true"
         android:layout_centerVertical="true"
         android:background="@drawable/ic_home"/>

      ....

</RelativeLayout>

    這里添加了一個Button作為切換城市的按鈕，並且讓它居左顯示。另外，准備了一張圖片來作為按鈕的背景圖。

    接着修改activity_weather.xml布局來加入滑動菜單功能，如下所示：

 

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:background="@color/colorPrimary">
    ....
    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        <android.support.v4.widget.SwipeRefreshLayout
            android:id="@+id/swipe_refresh"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            ....
        </android.support.v4.widget.SwipeRefreshLayout>
        <fragment
            android:id="@+id/choose_area_fragment"
            android:name="com.coolweather.android.ChooseAreaFragment"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:layout_gravity="start"/>
    </android.support.v4.widget.DrawerLayout
</FrameLayout>

    可以看到，我們在SwipeRefreshLayout的外面又嵌套了一層DrawerLayout。DrawerLayout中的第一個子控件用於作為主屏幕中顯示的內容，第二個子控件用於作為滑動菜單中顯示的內容，因此這里我們在第二個子控件的位置添加了用於遍歷省市縣數據的碎片。

    接下來在WeatherActivity中加入滑動菜單的邏輯處理，修改WeatherActivity中的代碼，如下所示：

public class WeatherActivity extends AppCompatActivity{
    public DrawerLayout drawerLayout;
    private Button navButton;
    ...
    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        ....
        drawerLayout=(Drawerlayout)findViewById(R.id.drawer_layout);
        navButton=(Button)findViewById(R.id.nav_button);
        ...
        navButton.setOnClickListener(new View.OnClickListener(){
             @Override
             public void onClick(View v){
                 drawerlayout.openDrawer(GravityCompat.START);
             }
        });
    }
    ....
}

    首先在onCreate()方法中獲取到新增的DrawerLayout和Button實例，然后在Button的點擊事件中調用DrawerLayout的openDrawer()方法來打開滑動菜單就可以了。

    之后我們還需要處理切換城后的邏輯才行。這個工作就必須要在ChooseAreaFragment中進行了，因為之前選中了某個城市后是跳到WeatherActivity的，而現在由於我們本來就是在WeatherActivity當中，因此並不需要跳轉，只是去請求新選擇城市的天氣信息就可以了。

    那么這里，我們需要根據ChooseAreaFragment的不同狀態來進行不同的邏輯處理，修改ChooseAreaFragment中的代碼，如下所示：

public class ChooseAreaFragment extends Fragment {

    ....

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if (currentLevel == LEVEL_PROVINCE) {
                    selectedProvince = provinceList.get(position);
                    queryCities();
                } else if (currentLevel == LEVEL_CITY) {
                    selectedCity = cityList.get(position);
                    queryCounties();
                } else if (currentLevel == LEVEL_COUNTY) {
                    String weatherId = countyList.get(position).getWeatherId();
                    if (getActivity() instanceof MainActivity) {
                        Intent intent = new Intent(getActivity(), WeatherActivity.class);
                        intent.putExtra("weather_id", weatherId);
                        startActivity(intent);
                        getActivity().finish();
                    } else if (getActivity() instanceof WeatherActivity) {
                        WeatherActivity activity = (WeatherActivity) getActivity();
                        activity.drawerLayout.closeDrawers();
                        activity.swipeRefresh.setRefreshing(true);
                        activity.requestWeather(weatherId);
                    }
                }
            }
        });
        ...
    }
    ....
}

     這里使用一個java中的小技巧，instanceof關鍵字可以用來判斷一個對象是否屬於某個類的實例。我們在碎片中調用getActivity()方法，然后配合instanceof關鍵字，就能輕松判斷出該碎片是在MainActivity當中，還是在WeatherAcitivity當中。如果是在MainActivity當中，那么處理邏輯不變。如果是在WeatherActivity當中，那么就關閉滑動菜單，顯示下拉刷新進度條，然后請求新城市的天氣信息。

     這樣我們就把切換城市的功能全部完成了。

     下一章節開發后台自動更新的功能。

 

具體實現步驟連接：

android開發學習之路——天氣預報之技術分析與數據庫（一）

android開發學習之路——天氣預報之遍歷省市縣數據（二）

android開發學習之路——天氣預報之顯示天氣信息（三）

android開發學習之路——天氣預報之手動更新天氣和切換城市（四）

android開發學習之路——天氣預報之后台自動更新天氣（五）