Android PickerView实现三级联动效果

GitHub有一个开源控件PickerView,可以实现三级联动的效果。虽然该控件使用非常简单,但是填充数据异常繁琐。GitHub上的Demo在填充数据的时候是一条一条地填充的,代码过于冗余。下面提供一种简便的方式来实现。

(1)在app目录下新建一个assets文件夹,将province_data.xml文件复制到该文件夹下,该XML文件里保存了全国的省市县的地址数据。

(2)使用SAX解析xml文件中的数据,并将数据填充到PickerView这个控件中。

—ProvinceModel—

public class ProvinceModel implements IPickerViewData
{
  private String name;
  private List<CityModel> cityList;

  public ProvinceModel()
  {
    super();
  }

  public String getName()
  {
    return name;
  }

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

  public List<CityModel> getCityList()
  {
    return cityList;
  }

  public void setCityList(List<CityModel> cityList)
  {
    this.cityList = cityList;
  }

  @Override
  public String getPickerViewText()
  {
    return name;
  }
}

—CityModel—

public class CityModel implements IPickerViewData
{
  private String name;
  private List<DistrictModel> districtList;

  public CityModel()
  {
    super();
  }

  public String getName()
  {
    return name;
  }

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

  public List<DistrictModel> getDistrictList()
  {
    return districtList;
  }

  public void setDistrictList(List<DistrictModel> districtList)
  {
    this.districtList = districtList;
  }

  @Override
  public String toString()
  {
    return name;
  }

  @Override
  public String getPickerViewText()
  {
    return name;
  }
}

—DistrictModel—

public class DistrictModel implements IPickerViewData
{
  private String name;
  private String zipcode;

  public DistrictModel()
  {
    super();
  }

  public String getZipcode()
  {
    return zipcode;
  }

  public void setZipcode(String zipcode)
  {
    this.zipcode = zipcode;
  }

  public String getName()
  {
    return name;
  }

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

  @Override
  public String toString()
  {
    return name;
  }

  @Override
  public String getPickerViewText()
  {
    return name;
  }
}

—XmlParserHandler—

public class XmlParserHandler extends DefaultHandler
{
  /**
   *  存储所有的解析对象
   */
  private List<ProvinceModel> provinceList = new ArrayList<>();
  private ProvinceModel provinceModel = new ProvinceModel();
  private CityModel cityModel = new CityModel();
  private DistrictModel districtModel = new DistrictModel();

  public XmlParserHandler(){}

  public List<ProvinceModel> getDataList()
  {
    return provinceList;
  }

  @Override
  public void startDocument() throws SAXException
  {
    super.startDocument();
  }

  @Override
  public void endDocument() throws SAXException
  {
    super.endDocument();
  }

  @Override
  public void startElement(String uri, String localName, String qName, Attributes attributes) throws SAXException
  {
    if (qName.equals("province"))
    {
      provinceModel = new ProvinceModel();
      provinceModel.setName(attributes.getValue(0));
      provinceModel.setCityList(new ArrayList<CityModel>());
    }
    else if (qName.equals("city"))
    {
      cityModel = new CityModel();
      cityModel.setName(attributes.getValue(0));
      cityModel.setDistrictList(new ArrayList<DistrictModel>());
    }
    else if (qName.equals("district"))
    {
      districtModel = new DistrictModel();
      districtModel.setName(attributes.getValue(0));
      districtModel.setZipcode(attributes.getValue(1));
    }
  }

  @Override
  public void endElement(String uri, String localName, String qName) throws SAXException
  {
    if(qName.equals("district"))
    {
      cityModel.getDistrictList().add(districtModel);
    }
    else if(qName.equals("city"))
    {
      provinceModel.getCityList().add(cityModel);
    }
    else if(qName.equals("province"))
    {
      provinceList.add(provinceModel);
    }
  }

  @Override
  public void characters(char[] ch, int start, int length) throws SAXException
  {
    super.characters(ch, start, length);
  }
}
public class AddressAddActivity extends BaseActivity
{
  private OptionsPickerView mCityPickerView;
  private ArrayList<ProvinceModel> mProvinces = new ArrayList<>();
  private ArrayList<ArrayList<CityModel>> mCities = new ArrayList<>();
  private ArrayList<ArrayList<ArrayList<DistrictModel>>> mDistricts = new ArrayList<>();

  @Override
  protected void onCreate(@Nullable Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
    setContentView(R.layout.activity_address_add);
    ViewUtils.inject(this);
    init();
  }

  private void init()
  {
    initProvinceDatas();
    try
    {
      //选项选择器
      mCityPickerView = new OptionsPickerView(this);
      mCityPickerView.setPicker( mProvinces, mCities, mDistricts, true);
      mCityPickerView.setTitle("选择城市");
      mCityPickerView.setCyclic(false, false , false);
      mCityPickerView.setOnoptionsSelectListener(new OptionsPickerView.OnOptionsSelectListener() {
        @Override
        public void onOptionsSelect(int options1, int option2, int options3)
        {
          String address = mProvinces.get(options1).getName() + " "
              + mCities.get(options1).get(option2) + " "
              + mDistricts.get(options1).get(option2).get(options3);
          mTxtAddress.setText(address);
        }
      });
    }
    catch (Exception e)
    {
      e.printStackTrace();
    }
  }

  @OnClick(R.id.ll_city_picker)
  public void showpickerView(View view)
  {
    mCityPickerView.show();
  }

  protected void initProvinceDatas()
  {
    AssetManager asset = getAssets();
    try
    {
      InputStream input = asset.open("province_data.xml");
      SAXParserFactory spf = SAXParserFactory.newInstance();
      SAXParser parser = spf.newSAXParser();
      XmlParserHandler handler = new XmlParserHandler();
      parser.parse(input , handler);
      input.close();
      //获取解析出来的数据
      mProvinces = (ArrayList<ProvinceModel>) handler.getDataList();
    }
    catch (Throwable e)
    {
      e.printStackTrace();
    }

    if (mProvinces != null)
    {
      for (ProvinceModel p : mProvinces)
      {
        List<CityModel> cities = p.getCityList();
        //组装城市数据
        mCities.add((ArrayList<CityModel>) cities);
        ArrayList<ArrayList<DistrictModel>> dts = new ArrayList<>();
        for (CityModel c : cities)
        {
          List<DistrictModel> districts = c.getDistrictList();
          dts.add((ArrayList<DistrictModel>) districts);
        }
        mDistricts.add(dts);
      }
    }
  }
}

到此完毕,很简单的例子。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • 最好用的Android省市区三级联动选择效果

    Android省市区选择三级联动效果,一个不大不小的功能,就算你做过,但是没有相关的代码直接写,也要花掉你至少半天时间. 下面我写出我的实现过程(思路绝对清晰). 先上效果图 一.准备数据 我是用的本地的json数据(走网络的话太慢,每次都要请求),放在asserts中.格式如下: [{ "name": "河北省", "city": [ { "name": "石家庄市", "area":

  • Android实现省市区三级联动

    针对AdapterView的拓展使用,Spinner实现省市区的三级联动,具体内容如下 其主要是通过使用Spinner的setOnItemSelectListener来实现. 代码示例: activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"

  • Android使用android-wheel实现省市县三级联动

    今天没事跟群里面侃大山,有个哥们说道Android Wheel这个控件,以为是Andriod内置的控件,google一把,发现是个github上的一个控件. 下载地址:https://code.google.com/p/android-wheel/    发现很适合做省市县三级联动就做了一个. 先看下效果图: 1.首先导入github上的wheel项目 2.新建个项目,然后选择记得右键->Properties->Android中将wheel添加为lib: 上面两个步骤是导入所有开源项目的过程了

  • android-wheel控件实现三级联动效果

    本文实例为大家分享了android wheel省市县三级联动效果,供大家参考,具体内容如下 在github上面有一个叫做 Android-wheel 的开源控件, 代码地址:https://github.com/maarek/android-wheel 源码下载地址:http://xiazai.jb51.net/201610/yuanma/AndroidCascadeMaster(jb51.net).rar 主界面布局 activity_main.xml <LinearLayout xmlns:

  • Android实现三级联动下拉框 下拉列表spinner的实例代码

    主要实现办法:动态加载各级下拉值的适配器 在监听本级下拉框,当本级下拉框的选中值改变时,随之修改下级的适配器的绑定值              XML布局: 复制代码 代码如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_w

  • Android日期选择器实现年月日三级联动

    最近项目里面用到了一个日期选择器,实现现在主流的WheelView滑动选择,整理了下,做了个Demo.废话不多说,直接上代码. 主布局:activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=&quo

  • Android中使用开源框架Citypickerview实现省市区三级联动选择

    1.概述 记得之前做商城项目,需要在地址选择中实现省市区三级联动,方便用户快速的填写地址,当时使用的是一个叫做android-wheel 的开源控件,当时感觉非常好用,唯一麻烦的是需要自己整理并解析省市区的xml文件,思路很简单,但是代码量相对大了些.偶然期间发现了另外一个开源组件,也就是今天要介绍的citypickerview. github地址:crazyandcoder/citypicker 2. 实现效果 下面给大家演示下实现效果: 3.   实现方法 (1)添加依赖 dependenc

  • Android自定义WheelView地区选择三级联动

    本文实例为大家分享了WheelView地区选择三级联动的具体代码,供大家参考,具体内容如下 1. 效果 最近需要做一个地区选择的功能,但是在网上和github上找了很久都没找到满意的,然后朋友推荐了一个给我,我花了点时间把代码大致看懂并改成我想要的,并写上我的理解.效果如图: 2. 注意 a. 首先我们要明白,网上这写三级联动的demo,不管是把数据库文件放在raw还是assets中,我们都要进行复制,将这个文件复制到app目录下,即 /data/data/"+context.getPackag

  • Android省市区三级联动控件使用方法实例讲解

    最近有需求需要实现省市区三级联动,但是发现之前的实现不够灵活,自己做了一些优化.为了方便以后使用,抽离出来放在了github上WheelView.同时把其核心库放在了JCenter中了,可以直接引用.也可以参考项目中的Demo进行引用 下面介绍一下如何使用 如果用的是AndroidStudio那么直接在build.gradle文件中添加依赖: dependencies { compile 'chuck.WheelItemView:library:1.0.1' } 成功引入库之后,可以在需要弹出省

  • Android PickerView实现三级联动效果

    GitHub有一个开源控件PickerView,可以实现三级联动的效果.虽然该控件使用非常简单,但是填充数据异常繁琐.GitHub上的Demo在填充数据的时候是一条一条地填充的,代码过于冗余.下面提供一种简便的方式来实现. (1)在app目录下新建一个assets文件夹,将province_data.xml文件复制到该文件夹下,该XML文件里保存了全国的省市县的地址数据. (2)使用SAX解析xml文件中的数据,并将数据填充到PickerView这个控件中. -ProvinceModel- pu

  • 纯js三维数组实现三级联动效果

    本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <p>三级联动效果(纯JS实现)</p> <div> 专业方向:

  • 简单实现ajax三级联动效果

    本文实例为大家分享了ajax三级联动效果展示的具体代码,供大家参考,具体内容如下 主页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../wenjian/jquery-2.2.3.min.js"></sc

  • jquery+ajax实现省市区三级联动效果简单示例

    本文实例讲述了jquery+ajax实现省市区三级联动效果.分享给大家供大家参考,具体如下: 一直想学习下Ajax,没时间,汗,这借口太牵强了.下了点教程在手机里,翻了好几遍了,没实战一次. 最近的项目里需要Ajax实现效果,就下了个jquery,然后找了个实例,学习了一下,幡然醒悟,NND,jquery果然强大的一塌糊涂,实现Ajax简直就是不费吹灰之力.下面把学习过程跟大家分享下,虽然还没有搞清楚jquery ajax的底层相关.不管了.我们不需要去发明轮子.呵呵. 先上代码,是一个省市区三

  • js省市县三级联动效果实例

    本文实例讲述了js实现简单的省市县三级联动效果.分享给大家供大家参考,具体如下: 效果图: 实现代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>城市三级联动</title> <style type="text/css"> *{ padd

  • js实现简单的省市县三级联动效果实例

    本文实例讲述了js实现简单的省市县三级联动效果.分享给大家供大家参考,具体如下: js代码部分 //省市县数据格式 var province_city_county_data=[ { province:"四川", city:[ { cityName:"成都", county:["成都市","崇州市","金堂县"] }, { cityName:"南充", county:["仪陇县

  • 基于jquery实现省市区三级联动效果

    本文实现更新了项目的省市区三级联动数据,更新后最新的海南三沙都有,分享给所有需要的小伙伴们. JQUERY + JSON,无数据库,纯JS代码,无加密,无压缩,可直接使用在任何项目中. 说明:数据来源于国家统计局官网. 先上图: 绑定省市区 使用方法: 1. 引用JQUERY <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"&g

  • jQuery+jsp实现省市县三级联动效果(附源码)

    本文实例讲述了jQuery+jsp实现省市县三级联动效果的方法.分享给大家供大家参考,具体如下: 在这里,用MySQL数据库存储了全国所有的省市县地区信息(点击此处下载源代码) 使用过的jar包 google的Gson.jar mysql-connector-java-5.1.13-bin.jar 将实验图贴出来: 显示页面index.jsp <%@ page language="java" import="java.util.*" pageEncoding=

  • 使用mint-ui实现省市区三级联动效果的示例代码

    引用插件:饿了么的mint-ui组件中的picker功能,具体API可参照官网说明:http://mint-ui.github.io/docs/#/zh-cn2/picker 背景:项目需要做一个省份-城市-地区的选择级联效果,我从gayhub上找了一下,决定使用mint-ui的组件,因为各个功能都很全而且设计跟我们的项目风格类似. 具体实现: 通过阅读官网的实例,大概就能知道这个组件的用法: 在vue中写入组件:<mt-picker :slots="slots" @change

随机推荐