Android自定義WheelView地區(qū)選擇三級聯(lián)動

更新時間：2017年02月25日 16:37:53 作者：扒塊腹肌的猿

這篇文章主要為大家詳細介紹了Android自定義WheelView地區(qū)選擇三級聯(lián)動的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了WheelView地區(qū)選擇三級聯(lián)動的具體代碼，供大家參考，具體內(nèi)容如下

1. 效果

最近需要做一個地區(qū)選擇的功能，但是在網(wǎng)上和github上找了很久都沒找到滿意的，然后朋友推薦了一個給我，我花了點時間把代碼大致看懂并改成我想要的，并寫上我的理解。效果如圖：

這里寫圖片描述

2. 注意

a. 首先我們要明白，網(wǎng)上這寫三級聯(lián)動的demo，不管是把數(shù)據(jù)庫文件放在raw還是assets中，我們都要進行復制，將這個文件復制到app目錄下，即

/data/data/"+context.getPackageName()+"/databases/

至于到底放在raw還是assets中哪里好些，我也在網(wǎng)上查了下，見這篇博客這里點擊，但是按照這里面說的好像.db文件最好放在assets中，但是這個demo中拿過來，原來的.db文件就是放在raw中，所以我也沒改了。
b. 最重要的一點，因為我們一般都是將選擇完以后的數(shù)據(jù)都要上傳到服務(wù)器中，但是因為每個后臺要求的不一樣，所以對于這個地區(qū)的.db文件也要求不一樣，所以我們最主要的是學會讀取數(shù)據(jù)庫文件然后通過代碼形成聯(lián)動，舉個例子，比如美團有自己的一個數(shù)據(jù)庫，我們定位湖南長沙芙蓉區(qū)，然后進行地區(qū)選擇，將岳麓區(qū)上傳服務(wù)器并且請求數(shù)據(jù)下來，但是我們一般不會直接上傳文字，一個是怕重名，還有一個就是文字不會絕對的準確，比如兩個字的地名黃山和黃山，看起來都對，但是你們的后臺服務(wù)器接受的參數(shù)是黃山，而且使用別人的數(shù)據(jù)庫中使黃山，那就出事了，所以我們一般都是傳編碼，但是每個數(shù)據(jù)庫中城市編碼一般都是不一樣，所以我們需要找后臺拿匹配的數(shù)據(jù)庫文件或者js文件。如圖所示，兩份數(shù)據(jù)庫，一份是朋友推薦自帶的，例外一份是我們的。

這里寫圖片描述

我的數(shù)據(jù)庫中省市區(qū)只有一個表，而那份卻有三個表，省市區(qū)三個表。并且編碼也不一樣，可以明顯看出來。

3. 干貨

a. 布局就直接貼代碼了，很簡單，mainactivity中就一個按鈕，而popupwindow中是三個wheelview，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:background="#00000000"
 android:gravity="bottom"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <LinearLayout
 android:id="@+id/ly_myinfo_changeaddress_child"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:background="#ffffff"
 android:orientation="vertical" >


 <RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="44dp"
 >

 <View
 android:background="@color/silver"
 android:layout_width="match_parent"
 android:layout_height="0.5dp" />

 <TextView
 android:id="@+id/btn_myinfo_cancel"
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:paddingLeft="18dp"
 android:text="取消"
 android:gravity="center"
 android:layout_alignParentLeft="true"
 android:layout_marginRight="15dip"
 android:textColor="#e84515"
 android:textSize="14sp" />


 <TextView
 android:id="@+id/btn_myinfo_sure"
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:layout_alignParentRight="true"
 android:gravity="center"
 android:text="完成"
 android:textColor="#e84515"
 android:paddingRight="18dp"
 android:textSize="14sp" />

 </RelativeLayout>

 <View android:layout_width="match_parent"
 android:layout_height="1dp"
 android:background="#d8d8d8"/>

 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="190dip"
 android:orientation="horizontal"
 android:gravity="center_vertical">

 <guozhaohui.com.wlylocationchoose.locationchoose.WheelView
 android:id="@+id/provinceView"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_weight="1"/>


 <guozhaohui.com.wlylocationchoose.locationchoose.WheelView
 android:id="@+id/cityView"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_weight="1"/>
 <guozhaohui.com.wlylocationchoose.locationchoose.WheelView
 android:id="@+id/districtView"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_weight="1"/>
 </LinearLayout>

 </LinearLayout>

</LinearLayout>

b. 因為上面說了，需要將文件copy到app目錄下，所以直接最好這代碼在application中寫，

package guozhaohui.com.wlylocationchoose;

import android.app.Application;

import java.io.InputStream;

import guozhaohui.com.wlylocationchoose.locationchoose.CityDataHelper;

/**
 * Created by ${GuoZhaoHui} on 2017/2/13.
 * Abstract:
 */

public class MyApplication extends Application {

 private CityDataHelper dataHelper;

 @Override
 public void onCreate() {
 super.onCreate();

 /**
 * 放在application中，讓app一啟動就把raw中文件copy到 "/data/data/"+context.getPackageName()+"/databases/"
 * 這是app讀取數(shù)據(jù)的方法，不管是將數(shù)據(jù)庫文件放在raw或者assets中都是一樣
 */
 dataHelper=CityDataHelper.getInstance(this);
 InputStream in = this.getResources().openRawResource(R.raw.city);
 dataHelper.copyFile(in,CityDataHelper.DATABASE_NAME,CityDataHelper.DATABASES_DIR);

 }
}

c. popupwindow不是本次的重點也直接貼代碼。

 View popupView = LayoutInflater.from(this).inflate(R.layout.popup_locationchoose, null);
 mPopupWindow = new PopupWindow(popupView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);
 mPopupWindow.setTouchable(true);
 mPopupWindow.setFocusable(true);
 mPopupWindow.setOutsideTouchable(true);
 mPopupWindow.setAnimationStyle(R.style.popup_locationchoose_bottom);

 // pickText = (TextView)popupView.findViewById(R.id.tv_pickText);
 provinceView = (WheelView)popupView.findViewById(R.id.provinceView);
 cityView = (WheelView)popupView.findViewById(R.id.cityView);
 districtView = (WheelView)popupView.findViewById(R.id.districtView);

 //確定或者取消
 btn_myinfo_sure = (TextView)popupView.findViewById(R.id.btn_myinfo_sure);
 btn_myinfo_cancel = (TextView) popupView.findViewById(R.id.btn_myinfo_cancel);
 btn_myinfo_cancel.setOnClickListener(this);
 btn_myinfo_sure.setOnClickListener(this);

設(shè)置三個wheelview的可見條目數(shù)

provinceView.setVisibleItems(7);
cityView.setVisibleItems(7);
districtView.setVisibleItems(7);

為三個 wheelview添加滑動事件

 // 添加change事件
 provinceView.addChangingListener(this);
 // 添加change事件
 cityView.addChangingListener(this);
 // 添加change事件
 districtView.addChangingListener(this);

c. 拿到操作數(shù)據(jù)的對象SQLiteDatabase

 db = dataHelper.openDataBase();

觀察數(shù)據(jù)庫文件可知這表中是根據(jù)字段level來判斷省市區(qū)的，如圖

這里寫圖片描述

同時我們也可知這省市區(qū)三個模型中的字段都是一樣的，都是

 private int cityID;
 private int parentId;
 private int level;
 private String name;
 private String pinyin;

不清楚的可以自己查下表，如圖，我查一個省

這里寫圖片描述

所以我們建立一樣的模型，雖然三個字段是一樣的，建一個就可以了，但是為了標準最好還是建三個。

package guozhaohui.com.wlylocationchoose.locationchoose.model;

public class ProvinceModel {

 private int cityID;
 private int parentId;
 private int level;
 private String name;
 private String pinyin;

 public int getCityID() {
 return cityID;
 }

 public void setCityID(int cityID) {
 this.cityID = cityID;
 }

 public int getParentId() {
 return parentId;
 }

 public void setParentId(int parentId) {
 this.parentId = parentId;
 }

 public int getLevel() {
 return level;
 }

 public void setLevel(int level) {
 this.level = level;
 }

 public String getName() {
 return name;
 }

 public void setName(String name) {
 this.name = name;
 }

 public String getPinyin() {
 return pinyin;
 }

 public void setPinyin(String pinyin) {
 this.pinyin = pinyin;
 }


}

進行sql查詢，將查詢到的結(jié)果保存在cursor中，然后進行一行行的循環(huán)遍歷，然后將遍歷一行的對象添加到這個對象的集合中。這里得到省的集合。

 public List<ProvinceModel> getProvice(SQLiteDatabase db){
 String sql="SELECT * FROM ChooseCityModel where level = 1 ORDER BY cityID";
 Cursor cursor = db.rawQuery(sql,null);
 List<ProvinceModel> list=new ArrayList<ProvinceModel>();
 if (cursor!=null&&cursor.getCount() > 0) {
 while (cursor.moveToNext()){
 ProvinceModel provinceModel=new ProvinceModel();
 provinceModel.setCityID(cursor.getInt(cursor.getColumnIndex("cityID")));
 provinceModel.setParentId(cursor.getInt(cursor.getColumnIndex("parentId")));
 provinceModel.setLevel(cursor.getInt(cursor.getColumnIndex("level")));
 provinceModel.setName(cursor.getString(cursor.getColumnIndex("name")));
 provinceModel.setPinyin(cursor.getString(cursor.getColumnIndex("pinyin")));
 list.add(provinceModel);
 }
 }
 return list;
 }

根據(jù)表的結(jié)構(gòu)，得到相應(yīng)的sql語句，希望根據(jù)上一級省的cityId得到下面的市，其實換句話說本級市的parentId就是上一級的cityid，不清楚的可以將sql語句查一遍，驗證下對不對，如圖

這里寫圖片描述

得到相應(yīng)省下面市的集合

 public List<CityModel> getCityByParentId(SQLiteDatabase db, String code){
 String sql="SELECT * FROM ChooseCityModel WHERE level = 2 and parentId = ? ORDER BY cityID";
 Cursor cursor = db.rawQuery(sql,new String[][code]);
 List<CityModel> list=new ArrayList<CityModel>();

 if (cursor!=null&&cursor.getCount() > 0) {

 while (cursor.moveToNext()){
 CityModel cityModel=new CityModel();
 cityModel.setCityID(cursor.getInt(cursor.getColumnIndex("cityID")));
 cityModel.setParentId(cursor.getInt(cursor.getColumnIndex("parentId")));
 cityModel.setLevel(cursor.getInt(cursor.getColumnIndex("level")));
 cityModel.setName(cursor.getString(cursor.getColumnIndex("name")));
 cityModel.setPinyin(cursor.getString(cursor.getColumnIndex("pinyin")));
 list.add(cityModel);
 }
 }
 return list;
 }

區(qū)也是一樣的，直接貼代碼了

 public List<DistrictModel> getDistrictById(SQLiteDatabase db, String code){
 //注意這里的parentId其實就是上一級的cityID
 String sql="SELECT * FROM ChooseCityModel WHERE level = 3 and parentId = ? ORDER BY cityID";
 Cursor cursor = db.rawQuery(sql,new String[][code]);
 List<DistrictModel> list=new ArrayList<DistrictModel>();
 if (cursor!=null&&cursor.getCount() > 0) {
 while (cursor.moveToNext()){
 DistrictModel districtModel=new DistrictModel();
 districtModel.setCityID(cursor.getInt(cursor.getColumnIndex("cityID")));
 districtModel.setParentId(cursor.getInt(cursor.getColumnIndex("parentId")));
 districtModel.setLevel(cursor.getInt(cursor.getColumnIndex("level")));
 districtModel.setName(cursor.getString(cursor.getColumnIndex("name")));
 districtModel.setPinyin(cursor.getString(cursor.getColumnIndex("pinyin")));
 list.add(districtModel);
 }
 }
 return list;
 }

d. 對彈出popuwindow顯示的wheelview進行初始化，注釋都寫在代碼里，

 private void initpopData() {
 //初始化數(shù)據(jù)
 dataHelper = CityDataHelper.getInstance(this);
 db = dataHelper.openDataBase();
 provinceDatas = dataHelper.getProvice(db);
 if (provinceDatas.size() > 0) {

 //彈出popup時，省wheelview中當前的省其實就是省集合的第一個
 mCurrentProvince = provinceDatas.get(0).getName();

 //根據(jù)省cityid查詢到第一個省下面市的集合
 cityDatas = dataHelper.getCityByParentId(db, provinceDatas.get(0).getCityID()+"");
 }
 if (cityDatas.size() > 0) {
 //根據(jù)市cityid查詢到第一個市集合下面區(qū)的集合
 districtDatas = dataHelper.getDistrictById(db, cityDatas.get(0).getCityID()+"");

 }
 //wheelview的適配器代碼
 provinceAdapter = new ProvinceAdapter(this, provinceDatas);
 provinceAdapter.setTextSize(TEXTSIZE);//設(shè)置字體大小
 provinceView.setViewAdapter(provinceAdapter);

 updateCitys();
 updateAreas();
 }

更新省下面市的wheelview內(nèi)容，注釋很清楚，直接上代碼

 private void updateCitys() {
 int pCurrent = provinceView.getCurrentItem();
 if (provinceDatas.size() > 0) {
 //這里是必須的的，上面得到的集合只是第一個省下面所有市的集合及第一個市下面所有區(qū)的集合
 //這里得到的是相應(yīng)省下面對應(yīng)市的集合
 cityDatas = dataHelper.getCityByParentId(db, provinceDatas.get(pCurrent).getCityID()+"");
 } else {
 cityDatas.clear();
 }
 citysAdapter = new CitysAdapter(this, cityDatas);
 citysAdapter.setTextSize(TEXTSIZE);
 cityView.setViewAdapter(citysAdapter);
 if (cityDatas.size() > 0) {
 //默認省下面 市wheelview滑動第一個，顯示第一個市
 cityView.setCurrentItem(0);
 mCurrentCity = cityDatas.get(0).getName();
 } else {
 mCurrentCity = "";
 }
 updateAreas();
 }

第三個wheelview和第二個一樣的，代碼直接上

 private void updateAreas() {
 int cCurrent = cityView.getCurrentItem();
 if (cityDatas.size() > 0) {
 districtDatas = dataHelper.getDistrictById(db, cityDatas.get(cCurrent).getCityID()+"");
 } else {
 districtDatas.clear();
 }
 areaAdapter = new AreaAdapter(this, districtDatas);
 areaAdapter.setTextSize(TEXTSIZE);
 districtView.setViewAdapter(areaAdapter);
 if (districtDatas.size() > 0) {
 mCurrentDistrict = districtDatas.get(0).getName();
 districtView.setCurrentItem(0);
 } else {
 mCurrentDistrict = "";
 }
 }

4. 道友留步

1）.因為我朋友也是在網(wǎng)上哪里找到的demo，所以這原版是誰的也不知道了。
2）. 源碼地址這里點擊

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: