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="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="#E9E9E9"
  android:orientation="vertical" > 

  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" > 

    <kankan.wheel.widget.WheelView
      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: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:id="@+id/id_district"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_weight="1" >
    </kankan.wheel.widget.WheelView>
  </LinearLayout> 

  <Button
    android:id="@+id/btn_confirm"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dip"
    android:gravity="center"
    android:text="确定"
    android:textColor="#000000" /> 

</LinearLayout>

assets资源文件下--province_data.xml(一部分)

<root>
 <province name="安徽省">
  <city name="安庆市">
   <district name="枞阳县" zipcode="246000" />
   <district name="大观区" zipcode="246000" />
   <district name="怀宁县" zipcode="246000" />
   <district name="潜山县" zipcode="246000" />
   <district name="宿松县" zipcode="246000" />
   <district name="太湖县" zipcode="246000" />
   <district name="桐城市" zipcode="246000" />
   <district name="望江县" zipcode="246000" />
   <district name="宜秀区" zipcode="246000" />
   <district name="迎江区" zipcode="246000" />
   <district name="岳西县" zipcode="246000" />
   <district name="其他" zipcode="246000" />
  </city>

先看省份、城市、县乡的bean类
ProvinceModel

package com.mrwujay.cascade.model; 

import java.util.List; 

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

  public ProvinceModel() {
    super();
  } 

  public ProvinceModel(String name, List<CityModel> cityList) {
    super();
    this.name = name;
    this.cityList = cityList;
  } 

  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 toString() {
    return "ProvinceModel [name=" + name + ", cityList=" + cityList + "]";
  } 

}
package com.mrwujay.cascade.model; 

import java.util.List; 

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

  public CityModel() {
    super();
  } 

  public CityModel(String name, List<DistrictModel> districtList) {
    super();
    this.name = name;
    this.districtList = districtList;
  } 

  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 "CityModel [name=" + name + ", districtList=" + districtList
        + "]";
  } 

}

DistrictModel

package com.mrwujay.cascade.model; 

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

  public DistrictModel() {
    super();
  } 

  public DistrictModel(String name, String zipcode) {
    super();
    this.name = name;
    this.zipcode = zipcode;
  } 

  public String getName() {
    return name;
  } 

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

  public String getZipcode() {
    return zipcode;
  } 

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

  @Override
  public String toString() {
    return "DistrictModel [name=" + name + ", zipcode=" + zipcode + "]";
  } 

}

看自定义的XmlParserHandler

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<ProvinceModel> provinceList = new ArrayList<ProvinceModel>(); 

  public XmlParserHandler() { 

  } 

  /**
   * 对外暴露的方法
   */
  public List<ProvinceModel> getDataList() {
    return provinceList;
  } 

  @Override
  public void startDocument() throws SAXException {
    // 当读到第一个开始标签的时候,会触发这个方法
  } 

  ProvinceModel provinceModel = new ProvinceModel();
  CityModel cityModel = new CityModel();
  DistrictModel districtModel = new DistrictModel();
/**
 *  <province name="安徽省">
  <city name="安庆市">
   <district name="枞阳县" zipcode="246000" />
   <district name="大观区" zipcode="246000" />
   <district name="怀宁县" zipcode="246000" />
   <district name="潜山县" zipcode="246000" />
   <district name="宿松县" zipcode="246000" />
   <district name="太湖县" zipcode="246000" />
   <district name="桐城市" zipcode="246000" />
   <district name="望江县" zipcode="246000" />
   <district name="宜秀区" zipcode="246000" />
   <district name="迎江区" zipcode="246000" />
   <district name="岳西县" zipcode="246000" />
   <district name="其他" zipcode="246000" />
  </city>
 */
  @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 {
  } 

}

接下来看基类BaseActivity

package com.mrwujay.cascade.activity; 

import java.io.InputStream;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.xml.parsers.SAXParser;
import javax.xml.parsers.SAXParserFactory;
import android.app.Activity;
import android.content.res.AssetManager; 

import com.mrwujay.cascade.model.CityModel;
import com.mrwujay.cascade.model.DistrictModel;
import com.mrwujay.cascade.model.ProvinceModel;
import com.mrwujay.cascade.service.XmlParserHandler; 

public class BaseActivity extends Activity { 

  /**
   * 所有省
   */
  protected String[] mProvinceDatas;
  /**
   * key - 省 value - 市
   */
  protected Map<String, String[]> mCitisDatasMap = new HashMap<String, String[]>();
  /**
   * key - 市 values - 区
   */
  protected Map<String, String[]> mDistrictDatasMap = new HashMap<String, String[]>(); 

  /**
   * key - 区 values - 邮编
   */
  protected Map<String, String> mZipcodeDatasMap = new HashMap<String, String>(); 

  /**
   * 当前省的名称
   */
  protected String mCurrentProviceName;
  /**
   * 当前市的名称
   */
  protected String mCurrentCityName;
  /**
   * 当前区的名称
   */
  protected String mCurrentDistrictName = ""; 

  /**
   * 当前区的邮政编码
   */
  protected String mCurrentZipCode = ""; 

  /**
   * 解析省市区的XML数据
   */ 

  protected void initProvinceDatas() {
    //省份集合列表
    List<ProvinceModel> 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<CityModel> cityList = provinceList.get(0).getCityList();
        if (cityList != null && !cityList.isEmpty()) {
          //获取第一个省份的第一个城市名
          mCurrentCityName = cityList.get(0).getName();
          List<DistrictModel> 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 < provinceList.size(); i++) {
        // 遍历所有省的数据
        mProvinceDatas[i] = provinceList.get(i).getName(); 

        List<CityModel> cityList = provinceList.get(i).getCityList();
        String[] cityNames = new String[cityList.size()];
        for (int j = 0; j < cityList.size(); j++) {
          // 遍历省下面的所有市的数据
          cityNames[j] = cityList.get(j).getName();
          List<DistrictModel> districtList = cityList.get(j)
              .getDistrictList();
          String[] distrinctNameArray = new String[districtList
              .size()];
          DistrictModel[] distrinctArray = new DistrictModel[districtList
              .size()];
          for (int k = 0; k < districtList.size(); k++) {
            // 遍历市下面所有区/县的数据
            DistrictModel districtModel = new DistrictModel(
                districtList.get(k).getName(), districtList
                    .get(k).getZipcode());
            // 区/县对于的邮编,保存到mZipcodeDatasMap
            mZipcodeDatasMap.put(districtList.get(k).getName(),
                districtList.get(k).getZipcode());
            distrinctArray[k] = districtModel;
            distrinctNameArray[k] = districtModel.getName();
          }
          // 市-区/县的数据,保存到mDistrictDatasMap
          mDistrictDatasMap.put(cityNames[j], distrinctNameArray);
        }
        // 省-市的数据,保存到mCitisDatasMap
        mCitisDatasMap.put(provinceList.get(i).getName(), cityNames);
      }
    } catch (Throwable e) {
      e.printStackTrace();
    } finally { 

    }
  } 

}

主界面MainActivity

package com.mrwujay.cascade.activity; 

import com.mrwujay.cascade.R;
import com.mrwujay.cascade.R.id;
import com.mrwujay.cascade.R.layout; 

import kankan.wheel.widget.OnWheelChangedListener;
import kankan.wheel.widget.WheelView;
import kankan.wheel.widget.adapters.ArrayWheelAdapter;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast; 

public class MainActivity extends BaseActivity implements OnClickListener, OnWheelChangedListener {
  private WheelView mViewProvince;
  private WheelView mViewCity;
  private WheelView mViewDistrict;
  private Button mBtnConfirm; 

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    setUpViews();
    setUpListener();
    setUpData();
  } 

  private void setUpViews() {
    mViewProvince = (WheelView) findViewById(R.id.id_province);
    mViewCity = (WheelView) findViewById(R.id.id_city);
    mViewDistrict = (WheelView) findViewById(R.id.id_district);
    mBtnConfirm = (Button) findViewById(R.id.btn_confirm);
  } 

  private void setUpListener() {
    // 添加change事件
    mViewProvince.addChangingListener(this);
    // 添加change事件
    mViewCity.addChangingListener(this);
    // 添加change事件
    mViewDistrict.addChangingListener(this);
    // 添加onclick事件
    mBtnConfirm.setOnClickListener(this);
  } 

  private void setUpData() {
    initProvinceDatas();
    mViewProvince.setViewAdapter(new ArrayWheelAdapter<String>(MainActivity.this, mProvinceDatas));
    // 设置可见条目数量
    mViewProvince.setVisibleItems(7);
    mViewCity.setVisibleItems(7);
    mViewDistrict.setVisibleItems(7);
    updateCities();
    updateAreas();
  } 

  /**
   * 根据当前的省,更新市WheelView的信息
   */
  private void updateCities() {
    //获取当前的省份的itme索引值
    int pCurrent = mViewProvince.getCurrentItem();
    //湖区当前省份名字
    mCurrentProviceName = mProvinceDatas[pCurrent];
    //获取该省份下面的市数组集合
    String[] cities = mCitisDatasMap.get(mCurrentProviceName);
    if (cities == null) {
      cities = new String[] { "" };
    }
    mViewCity.setViewAdapter(new ArrayWheelAdapter<String>(this, cities));
    mViewCity.setCurrentItem(0);
    updateAreas();
  }
  /**
   * 根据当前的市,更新区WheelView的信息
   */
  private void updateAreas() {
    int pCurrent = mViewCity.getCurrentItem();
    mCurrentCityName = mCitisDatasMap.get(mCurrentProviceName)[pCurrent];
    String[] areas = mDistrictDatasMap.get(mCurrentCityName); 

    if (areas == null) {
      areas = new String[] { "" };
    }
    mViewDistrict.setViewAdapter(new ArrayWheelAdapter<String>(this, areas));
    mViewDistrict.setCurrentItem(0);
  } 

  /**
   * 实现接口方法的回调
   */
  @Override
  public void onChanged(WheelView wheel, int oldValue, int newValue) {
    // TODO Auto-generated method stub
    if (wheel == mViewProvince) {
      updateCities();
    } else if (wheel == mViewCity) {
      updateAreas();
    } else if (wheel == mViewDistrict) {
      //获取县的名字
      mCurrentDistrictName = mDistrictDatasMap.get(mCurrentCityName)[newValue];
      //获取县的编码
      mCurrentZipCode = mZipcodeDatasMap.get(mCurrentDistrictName);
    }
  } 

  @Override
  public void onClick(View v) {
    switch (v.getId()) {
    case R.id.btn_confirm:
      showSelectedResult();
      break;
    default:
      break;
    }
  } 

  private void showSelectedResult() {
    Toast.makeText(MainActivity.this, "当前选中:"+mCurrentProviceName+","+mCurrentCityName+","
        +mCurrentDistrictName+","+mCurrentZipCode, Toast.LENGTH_SHORT).show();
  }
}

还有2个drawable
wheel_bg.xml

<?xml version="1.0" encoding="utf-8"?> 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

</layer-list>

wheel_val.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" > 

  <gradient
    android:angle="90"
    android:centerColor="#70222222"
    android:endColor="#70EEEEEE"
    android:startColor="#70222222" /> 

  <stroke
    android:width="20dp"
    android:color="#FF69B4" /> 

</shape>

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

(0)

相关推荐

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

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

  • 仿饿了吗点餐界面ListView联动的实现

    在上篇文章给大家介绍了仿饿了吗点餐界面两个ListView联动效果 主要实现了2个ListView怎样实现互相关联,正好上篇博客review了ListView控件常规使用,因此本篇博客主要对大神的那篇博客的实现进行代码层的剖析. 一方面,方便自己,在以后的代码实现上加以参考.另一方面,供刚入门的Android菜鸟们共同学习. 二.最终的效果图 如上图效果图为仿饿了么点餐界面的ListView级联 三.实现ListView级联的困难点 为了好做区分,在本文中左侧的ListView称之为MenuLi

  • 6步轻松实现两个listView联动效果

    看了网上更新的好多联动demo,感觉写的不是很简洁(表示不知道他们在说什么) 自己写了一个简单的Demo分享给大家- -! 效果图: 直接上车,少说废话! 所用到以下的这几个依赖,直接粘到Build.gradle文件中 compile 'com.squareup.picasso:picasso:2.5.2' compile 'io.reactivex:rxjava:1.2.7' compile 'io.reactivex:rxandroid:1.2.1' compile 'com.squareu

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

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

  • Android仿eleme点餐页面二级联动列表

    本周末外卖点得多,就仿一仿"饿了么"好了.先上图吧,这样的订单页面是不是很眼熟: 右边的listview分好组以后,在左边的Tab页建立索引.可以直接导航,是不是很方便.关键在于右边滑动,左边也会跟着滑:而点击左边呢,也能定位右边的项.它们存在这样一种特殊的交互.像这种联动的效果,还有些常见的例子呢,比如知乎采用了常见的toolbar+viewPager的联动,只不过是上下布局: 再看看点评,它的城市选择页面也有这种联动的影子,只是稍微弱一点.侧边栏可以对listview进行索引,这最

  • 仿饿了吗点餐界面两个ListView联动效果

    如图是效果图 是仿饿了的点餐界面 1.点击左侧的ListView,通过在在适配器中设置Item来改变颜色,再通过notifyDataSetInvalidated来刷新并用lv_home.setSelection(showTitle.get(arg2));来关联右侧的 2.右侧的主要是重写下onScroll的方法:来改变左侧ListView的颜色及背景 不过程序中还有个问题,望大神解答就是我右侧的ListView下拉时,上面的TextView能改变:但是上拉时,TextView的不能及时改变应为滑

  • Android实现两个ScrollView互相联动的同步滚动效果代码

    本文实例讲述了Android实现两个ScrollView互相联动的同步滚动效果代码.分享给大家供大家参考,具体如下: 最近在做一个项目,用到了两个ScrollView互相联动的效果,简单来说联动效果意思就是滑动其中的一个ScrollView另一个ScrollView也一同跟着滑动,要做到一起同步滑动.感觉在以后的项目开发中大家可能也会用到,绝对做个Demo分享出来,供大家一起学习,以便大家以后好用,觉的不错,有用的可以先收藏起来哦! 其实对于ScrollView,Android官方并没有提供相关

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

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

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

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

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

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

随机推荐