> 文档中心 > harmong2.0—组件:picker省市区三级联动

harmong2.0—组件:picker省市区三级联动

picker是一种滑动选择组件,在一些app的选择地址中很常用。

  • 思路:省市区联动需要三个picker组件。先拿到数据,把默认的省市区展示出来。然后添加picker的值改变事件,滑动省,省对应的市会在第二个picker中展示出来,同时,市对应的区也会对应刷新展示。

  • 实现效果(数据暂时用手动添加集合的形式展示):

省市区联动
大概效果就这样。

  • 主要代码:
// 记录当前选择的是哪个省,需要根据它获取对应的市int proIn = 0;@Overridepublic void onValueChanged(Picker picker, int oldV, int newV) {    if (picker == province) { Province chooseProvince = provinceList.get(newV); proIn = newV; // 省变了,是要跟着变 city.setMaxValue(chooseProvince.getCitys().size() - 1); city.setFormatter(i -> chooseProvince.getCitys().get(i).getName()); city.setValue(0);//setValue(0):默认展示第一个 // 省变了,区也要跟着变 district.setMaxValue(chooseProvince.getCitys().get(0).getDistricts().size() - 1); district.setFormatter(chooseProvince.getCitys().get(0).getDistricts()::get); district.setValue(0);    }    if (picker == city) { City chooseCity = provinceList.get(proIn).getCitys().get(newV); district.setMaxValue(chooseCity.getDistricts().size() - 1); district.setFormatter(chooseCity.getDistricts()::get); district.setValue(0);    }}

完整代码请前往Github–>https://github.com/roydonGuo/Picker-ThreeArea