最近项目要做一个,类似淘宝手机客户端的,选择收货地址的三级联动滚动选择组件,下面是它的大致界面截图:
在IOS中有个叫UIPickerView的选择器,并且在dataSource中定义了UIPickerView的数据源和定制内容,所以用只要熟悉它的基本用法,要实现这么个三级联动滑动选择是挺简单的。
言归正传,今天讨论的是在Android里面如何来实现这么个效果,那么如何实现呢??? 相信部分童鞋首先想到的是android.widget.DatePicker和android.widget.TimePicker,因为它们的样子长得很像,事实就是它们仅仅是长得相而已,Google在设计这个两个widget的时候,并没有提供对外的数据源适配接口,带来的问题就是,我们只能通过它们来选择日期和时间,至于为什么这样设计,如果有童鞋知道,请给我留言,Thanks~
DatePicker.class包含的方法截图:
全都是关于时间获取用的方法.
好了,既然在Android中没办法偷懒的用一个系统widget搞定,那么只能自己来自定义view来实现了,这篇就围绕这个来展开分享一下,我在项目中实现这个的全过程。首先是做了下开源代码调研,在github上面有一个叫做 android-wheel 的开源控件, 代码地址https://github.com/maarek/android-wheel
是一个非常好用的组件,对于数据适配接口的抽取和事件的回调都做了抽取,代码的耦合度低,唯一不足就是在界面的定制这块,如果你需要做更改,需要去动源代码的。我这里在界面的代码做了改动,放在我的项目src目录下了:
在此次项目中,省市区及邮编的数据是放在了assets/province_data.xml里面,是产品经理花了好几天时间整理的,绝对是最齐全和完善了,辛苦辛苦!!!
关于XML的解析,一共有SAX、PULL、DOM三种解析方式,这里就不讲了,可以看我的前面的几篇学习的文章:
Android解析XML方式(一)使用SAX解析
Android解析XML方式(二)使用PULL解析XML
Android解析XML方式(三)使用DOM解析XML
此次项目中使用的是SAX解析方式,因为它占用内存少,并且速度快,数据解析代码写在了 com.mrwujay.cascade.service/XmlParserHandler.java中,代码如下:
- package com.mrwujay.cascade.service;
-
- import java.util.ArrayList;
- import java.util.List;
- import org.xml.sax.Attributes;
- import org.xml.sax.SAXException;
- import org.xml.sax.helpers.DefaultHandler;
-
- import com.mrwujay.cascade.model.CityModel;
- import com.mrwujay.cascade.model.DistrictModel;
- import com.mrwujay.cascade.model.ProvinceModel;
-
- public class XmlParserHandler extends DefaultHandler {
-
- /**
- * 存储所有的解析对象
- */
- private List provinceList = new ArrayList();
-
- public XmlParserHandler() {
-
- }
-
- public List getDataList() {
- return provinceList;
- }
-
- @Override
- public void startDocument() throws SAXException {
- // 当读到第一个开始标签的时候,会触发这个方法
- }
-
- ProvinceModel provinceModel = new ProvinceModel();
- CityModel cityModel = new CityModel();
- DistrictModel districtModel = new DistrictModel();
-
- @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());
- } else if (qName.equals("city")) {
- cityModel = new CityModel();
- cityModel.setName(attributes.getValue(0));
- cityModel.setDistrictList(new ArrayList());
- } 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 {
- }
-
- }
通过XmlParserHandler.java提供的getDataList()方法获取得到,之后再进行拆分放到省、市、区不同的HashMap里面方便做数据适配。
这里是它的具体实现代码:
- protected void initProvinceDatas()
- {
- List provinceList = null;
- AssetManager asset = getAssets();
- try {
- InputStream input = asset.open("province_data.xml");
- // 创建一个解析xml的工厂对象
- SAXParserFactory spf = SAXParserFactory.newInstance();
- // 解析xml
- SAXParser parser = spf.newSAXParser();
- XmlParserHandler handler = new XmlParserHandler();
- parser.parse(input, handler);
- input.close();
- // 获取解析出来的数据
- provinceList = handler.getDataList();
- //*/ 初始化默认选中的省、市、区
- if (provinceList!= null && !provinceList.isEmpty()) {
- mCurrentProviceName = provinceList.get(0).getName();
- List cityList = provinceList.get(0).getCityList();
- if (cityList!= null && !cityList.isEmpty()) {
- mCurrentCityName = cityList.get(0).getName();
- List districtList = cityList.get(0).getDistrictList();
- mCurrentDistrictName = districtList.get(0).getName();
- mCurrentZipCode = districtList.get(0).getZipcode();
- }
- }
- //*/
- mProvinceDatas = new String[provinceList.size()];
- for (int i=0; i
1482932726
查看更多评论