Android省市区三级联动大集合(本地xml文件、Json数据

作者: 可以再长高10cm | 来源:发表于2017-09-13 15:37 被阅读4007次

Android省市区三级联动大集合(本地xml文件、Json数据
原生js实现地址选择组件（三级联动）
vueApp+mint-ui自定义地址选择(一)
Android-省市区三级联动
省市区三级联动案例
Android中省市区三级联动
Android中省份、城市、区县三级联动
基于ThinkPHP+AJAX的省市区三级联动
Django Admin实现三级联动(省市区)
Swift 加载省市区json

首先咱们看一下要实现的效果。

look.png

Android中省市区三级联动的地方用的很多，尤其是在商场项目中用来作为地址选择，现在为大家提供几种实现的方式，大家可根据自己的需求自行选择。

一、assets目录下xml文件实现

1、assets目录下放好xml文件，文件中类型如下：

area.png
2、github上面有一个叫做 android-wheel 的开源控件，我们需要下载然后import到项目中。
File -> New -> Import Module,然后F4->Dependencies->+ Module dependencies
!!!在清单文件application下添加 tools:replace="android:theme,android:label"，
否则运行的时候容易出错。
3、布局文件使用该控件

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

        <RelativeLayout
            android:background="@color/mainColor"
            android:layout_width="match_parent"
            android:layout_height="44dp">
            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/tv_cancel"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:paddingLeft="@dimen/toolbar_padLeft"
                android:paddingRight="@dimen/toolbar_padLeft"
                android:paddingTop="20px"
                android:paddingBottom="20px">
                <TextView
                    android:gravity="center"
                    android:text="取消"
                    android:textSize="15sp"
                    android:textColor="#fff"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />
            </RelativeLayout>

            <TextView
                android:id="@+id/pickerTitleId"
                android:layout_centerInParent="true"
                android:text="所在地区"
                android:gravity="center"
                android:textSize="15sp"
                android:textColor="#fff"
                android:layout_width="wrap_content"
                android:layout_height="match_parent" />
            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/tv_confirm"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:paddingLeft="@dimen/toolbar_padLeft"
                android:paddingRight="@dimen/toolbar_padLeft"
                android:paddingTop="20px"
                android:paddingBottom="20px">
                <TextView
                    android:text="完成"
                    android:gravity="center"
                    android:textSize="15sp"
                    android:textColor="#fff"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />
            </RelativeLayout>

        </RelativeLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:orientation="horizontal">

        <kankan.wheel.widget.WheelView
            android:background="#fff"
            android:id="@+id/id_province"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1">
        </kankan.wheel.widget.WheelView>

        <kankan.wheel.widget.WheelView
            android:background="#fff"
            android:id="@+id/id_city"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1">
        </kankan.wheel.widget.WheelView>

        <kankan.wheel.widget.WheelView
            android:background="#fff"
            android:id="@+id/id_area"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" >
        </kankan.wheel.widget.WheelView>
    </LinearLayout>
</LinearLayout>

4、解析assets下province_data.xml文件

protected void initProvinceDatas() {
        List provinceList = null;
        AssetManager asset = this.getAssets();

        try {
            InputStream e = asset.open("province_data.xml");
            SAXParserFactory spf = SAXParserFactory.newInstance();
            SAXParser parser = spf.newSAXParser();
            XmlParserHandler handler = new XmlParserHandler();
            parser.parse(e, handler);
            e.close();
            provinceList = handler.getDataList();
            List cityList;
            if(provinceList != null && !provinceList.isEmpty()) {
                this.mCurrentProviceName = ((ProvinceModel)provinceList.get(0)).getName();
                List i = ((ProvinceModel)provinceList.get(0)).getCityList();
                if(i != null && !i.isEmpty()) {
                    this.mCurrentCityName = ((CityModel)i.get(0)).getName();
                    cityList = ((CityModel)i.get(0)).getDistrictList();
                    this.mCurrentDistrictName = ((DistrictModel)cityList.get(0)).getName();
                    this.mCurrentZipCode = ((DistrictModel)cityList.get(0)).getZipcode();
                }
            }

            this.mProvinceDatas = new String[provinceList.size()];
            this.proAreaIds = new String[provinceList.size()];

            for(int var17 = 0; var17 < provinceList.size(); ++var17) {
                this.mProvinceDatas[var17] = ((ProvinceModel)provinceList.get(var17)).getName();
                this.proAreaIds[var17] = ((ProvinceModel) provinceList.get(var17)).getArea_id();
                cityList = ((ProvinceModel)provinceList.get(var17)).getCityList();
                String[] cityNames = new String[cityList.size()];
                String[] cityAreaIds = new String[cityList.size()];

                for(int j = 0; j < cityList.size(); ++j) {
                    cityNames[j] = ((CityModel)cityList.get(j)).getName();
                    cityAreaIds[j]=((CityModel) cityList.get(j)).getArea_id();
                    List districtList = ((CityModel)cityList.get(j)).getDistrictList();
                    String[] distrinctNameArray = new String[districtList.size()];
                    String[] distrinctAreaId = new String[districtList.size()];
                    DistrictModel[] distrinctArray = new DistrictModel[districtList.size()];

                    for(int k = 0; k < districtList.size(); ++k) {
                        DistrictModel districtModel = new DistrictModel(((DistrictModel)districtList.get(k)).getName(), ((DistrictModel)districtList.get(k)).getZipcode(),((DistrictModel)districtList.get(k)).getArea_id());
                        this.mZipcodeDatasMap.put(((DistrictModel)districtList.get(k)).getName(), ((DistrictModel)districtList.get(k)).getZipcode());
                        distrinctArray[k] = districtModel;
                        distrinctNameArray[k] = districtModel.getName();
                        distrinctAreaId[k] = districtModel.getArea_id();
                    }
                    this.mDistrictDatasMap.put(cityNames[j], distrinctNameArray);
                    this.distAreaIdMap.put(cityNames[j],distrinctAreaId);
                }

                this.mCitisDatasMap.put(((ProvinceModel)provinceList.get(var17)).getName(), cityNames);
                this.cityAreaIdMap.put(((ProvinceModel) provinceList.get(var17)).getName(),cityAreaIds);
            }
        } catch (Throwable var16) {
            var16.printStackTrace();
        }
    }

5、设置市级数据

private void updateCities() {
        int pCurrent = this.mViewProvince.getCurrentItem();
        this.mCurrentProviceName = this.mProvinceDatas[pCurrent];
        String[] cities = (String[])this.mCitisDatasMap.get(this.mCurrentProviceName);
        if(cities == null) {
            cities = new String[]{""};
        }

        this.mViewCity.setViewAdapter(new ArrayWheelAdapter(this, cities,15,14));
        this.mViewCity.setCurrentItem(0);
        this.updateAreas();
    }

6、设置区级数据

private void updateAreas() {
        int pCurrent = this.mViewCity.getCurrentItem();
        this.mCurrentCityName = ((String[])this.mCitisDatasMap.get(this.mCurrentProviceName))[pCurrent];
        String[] areas = (String[])this.mDistrictDatasMap.get(this.mCurrentCityName);
        if(areas == null) {
            areas = new String[]{""};
        }

        this.mViewDistrict.setViewAdapter(new ArrayWheelAdapter(this, areas,15,14));
        this.mViewDistrict.setCurrentItem(0);
    }

7、初始化控件

 private void initAreaPicker() {
        mAreaPicker = View.inflate(this,R.layout.picker_area_layout,null);
        mViewProvince = ((WheelView) mAreaPicker.findViewById(R.id.id_province));
        mViewCity = ((WheelView) mAreaPicker.findViewById(R.id.id_city));
        mViewDistrict = ((WheelView) mAreaPicker.findViewById(R.id.id_area));
        mViewProvince.setVisibleItems(7);
        mViewCity.setVisibleItems(7);
        mViewDistrict.setVisibleItems(7);
        mViewProvince.addChangingListener(this);
        mViewCity.addChangingListener(this);
        mViewDistrict.addChangingListener(this);

        RelativeLayout tv_cancelStart = ((RelativeLayout) mAreaPicker.findViewById(R.id.tv_cancel));
        RelativeLayout tv_confirmStart = ((RelativeLayout) mAreaPicker.findViewById(R.id.tv_confirm));
        tv_cancelStart.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mPopTime != null){
                    mPopTime.dismiss();
                }
            }
        });
        tv_confirmStart.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                currentProPosition = newProPosition;
                currentCityPosition = newCityPosition;
                currentDisPosition = newDisPosition;
                MainActivity.this.mCurrentProviceName = mProvinceDatas[currentProPosition];
                MainActivity.this.mCurrentCityName = ((String[])MainActivity.this.mCitisDatasMap.get(MainActivity.this.mCurrentProviceName))[currentCityPosition];
                String[] disNames = ((String[])MainActivity.this.mDistrictDatasMap.get(MainActivity.this.mCurrentCityName));
                if(disNames!=null && disNames.length > currentDisPosition){
                    MainActivity.this.mCurrentDistrictName = disNames[currentDisPosition];
                }else{
                    mCurrentDistrictName = "";
                }
                areaTv.setText(mCurrentProviceName+"  "+mCurrentCityName+"  "+mCurrentDistrictName);

                if (mPopTime != null){
                    mPopTime.dismiss();
                }
            }
        });
    }

8、下面来看一下效果
给WheelView设置的适配器中有两个参数：
new ArrayWheelAdapter<>(this, mProvinceDatas,15,14)
15：item上下间距
14：字体大小

area_choose.png

二、assets目录下json数据解析

如果后台提供的是json数据，如本项目中的json解析，可以用三层for循环来解析，之后的操作就容易了。
json数据如下：

json.png

1、解析json数据

for (int i = 0; i < areaDataEntity.getData().size(); i++) {
            List<ProvinceModel> provinceModelList = new ArrayList<>();
            CountryModel countryModel = new CountryModel();
            AreaDataEntity.DataBean dataBean = areaDataEntity.getData().get(i);
            countryModel.setArea_id(dataBean.getRegion_id()+"");
            countryModel.setName(dataBean.getRegion_name());
            for (int j = 0; j < dataBean.getChild().size(); j++) {
                List<CityModel> cityModelList = new ArrayList<>();
                ProvinceModel provinceModel = new ProvinceModel();
                AreaDataEntity.DataBean.ChildBeanXX childBean = dataBean.getChild().get(j);
                provinceModel.setName(childBean.getRegion_name());
                provinceModel.setArea_id(childBean.getRegion_id()+"");
                for (int k = 0; k < childBean.getChild().size(); k++) {
                    List<DistrictModel> districtModelList = new ArrayList<>();
                    CityModel cityModel = new CityModel();
                    AreaDataEntity.DataBean.ChildBeanXX.ChildBeanX childCityBean = childBean.getChild().get(k);
                    cityModel.setName(childCityBean.getRegion_name());
                    cityModel.setArea_id(childCityBean.getRegion_id()+"");
                    if(childCityBean.getChild()==null){
                        cityModelList.add(cityModel);
                        continue;
                    }
                    for (int m = 0; m < childCityBean.getChild().size(); m++) {
                        DistrictModel districtModel = new DistrictModel();
                        AreaDataEntity.DataBean.ChildBeanXX.ChildBeanX.ChildBean childDisBean = childCityBean.getChild().get(m);
                        districtModel.setArea_id(childDisBean.getRegion_id()+"");
                        districtModel.setName(childDisBean.getRegion_name());
                        districtModelList.add(districtModel);
                    }
                    cityModel.setDistrictList(districtModelList);
                    cityModelList.add(cityModel);
                }
                provinceModel.setCityList(cityModelList);
                provinceModelList.add(provinceModel);
            }
            countryModel.setProvinceList(provinceModelList);
            countryList.add(countryModel);
        }

2、本项目还提供了json解析四级地区联动，需要的可以参考。

image.png

三、导入依赖，直接使用控件

1、导入依赖

compile 'liji.library.dev:citypickerview:0.7.0'

2、代码中直接使用该控件

private void selectAddress() {
        CityPicker cityPicker = new CityPicker.Builder(Main2Activity.this)
                .textSize(14)
                .title("地址选择")
                .titleBackgroundColor("#FFFFFF")
                .confirTextColor("#696969")
                .cancelTextColor("#696969")
                .province("江苏省")
                .city("常州市")
                .district("天宁区")
                .textColor(Color.parseColor("#000000"))
                .provinceCyclic(false)
                .cityCyclic(false)
                .districtCyclic(false)
                .visibleItemsCount(7)
                .itemPadding(20)
                .onlyShowProvinceAndCity(false)
                .build();
        cityPicker.show();
        //监听方法，获取选择结果
        cityPicker.setOnCityItemClickListener(new CityPicker.OnCityItemClickListener() {
            @Override
            public void onSelected(String... citySelected) {
                //省份
                String province = citySelected[0];
                //城市
                String city = citySelected[1];
                //区县（如果设定了两级联动，那么该项返回空）
                String district = citySelected[2];
                //邮编
                String code = citySelected[3];
                //为TextView赋值
                areaTv.setText(province.trim() + "-" + city.trim() + "-" + district.trim());
            }
        });
    }

想看效果扫描以下二维码安装apk。【各位小可爱们如果觉得效果需要，可以小小的赞赏一下~~么么哒】

areachoose.png

Android省市区三级联动大集合(本地xml文件、Json数据
首先咱们看一下要实现的效果。 Android中省市区三级联动的地方用的很多，尤其是在商场项目中用来作为地址选择，现...
原生js实现地址选择组件（三级联动）
1.实现效果 2.实现步骤首先引入地址json数据，省市区，三级联动，该demo展示省市两级联动，三级联动同理。...
vueApp+mint-ui自定义地址选择(一)
主要代码： json数据: 该数据根据需求自己去更改。全国三级联动的地址json文件： https://git...
Android-省市区三级联动
省市区三级联动下载地址：https://code.google.com/p/android-wheel/自备梯子...
省市区三级联动案例
< 三级联动demo window.onload=function(){ //定义几个省市区的数据 varshen...
Android中省市区三级联动
Android中省市区的三级联动本文链接：https://blog.csdn.net/qq_34915398/a...
Android中省份、城市、区县三级联动
Android中省市区的三级联动本文链接：https://blog.csdn.net/qq_34915398/a...
基于ThinkPHP+AJAX的省市区三级联动
练习，就当练习。省市区三级联动，样式如下图所示： 1，导入两个js文件并且导入数据库文件。两个js文件分别是j...
Django Admin实现三级联动(省市区)
通过自定义Admin的模板文件实现省市区的三级联动.要求创建记录时,根据省>市>区的顺序选择依次显示对应数据.修改...
Swift 加载省市区json
加载省市区province.json 省市区json文件province.json