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

 更新时间:2017年01月05日 08:51:57   作者:ChuckChenLw  
最近有需求需要实现省市区三级联动,但是发现之前的实现不够灵活,自己做了一些优化。下面通过实例代码给大家介绍下Android省市区三级联动控件使用方法

 最近有需求需要实现省市区三级联动,但是发现之前的实现不够灵活,自己做了一些优化。为了方便以后使用,抽离出来放在了github上WheelView。同时把其核心库放在了JCenter中了,可以直接引用。也可以参考项目中的Demo进行引用

  下面介绍一下如何使用

  如果用的是AndroidStudio那么直接在build.gradle文件中添加依赖:

dependencies {
 compile 'chuck.WheelItemView:library:1.0.1'
 }

  成功引入库之后,可以在需要弹出省市区选择框的页面生成一AddressPickerView 实例。   

pickerView = new AddressPickerView(this);

  下面来说说需要的数据源,我对数据做了抽象,在使用的时候,将自己的数据model实现IWheelViewModel接口就可以了,如下:   

public class AddressModel implements IWheelViewModel {
 public String addressName;
 public String addressId;
 @Override
 public String getValueString() {
  return addressName;
 }
 @Override
 public String getValueId() {
  return addressId;
 }
}

  而后,就是讲你自己从服务器或者本地数据库得到到的数据按照一定的格式组件成三级数据List,这里可能会有一点复杂,需要在组装的过程中小心一定,省市区要对应不然数据会错乱。组装数据源,最后得到省市区对应的List:   

 private List<IWheelViewModel> mOneItems = new ArrayList<>();
 private List<List<IWheelViewModel>> mTwoItems;
 private List<List<List<IWheelViewModel>>> mThreeItems;

  将数据源填充到View中:

//设置三级数据
  pickerView.setPickerData(mOneItems, mTwoItems, mThreeItems, true);

  给确定和关闭按钮设置监听:   

pickerView.setOnPickerSelectListener(new OnPickerSelectListener() {
   @Override
   public void onSelect(int pos1, int pos2, int pos3) {
    String resultOne, resultTwo, resultThree;
    resultOne = mOneItems.get(pos1).getValueString();
    resultTwo = mTwoItems.get(pos1).get(pos2).getValueString();
    resultThree = mThreeItems.get(pos1).get(pos2).get(pos3).getValueString();
    Toast.makeText(MainActivity.this, resultOne + resultTwo + resultThree, Toast.LENGTH_SHORT).show();
   }
  });
  pickerView.setOnDismissListener(new OnDismissListener() {
   @Override
   public void onDismiss(Object o) {
   }
  });

  如果不做特殊的设置,选中字体和非中字体都有默认的颜色和大小,如果想改变这些属性,我也在AddressPickerView中提供了对应的方法:   

/**
  * 被选中Item的字体大小
  *
  * @param size
  */
 public void setSelectTextSize(int size) 
 /**
  * 被选中Item字体颜色
  *
  * @param color
  */
 public void setSelectTextColor(int color) 
 /**
  * 被选中Item的字体大小
  *
  * @param size dimen中定义的Size大小
  */
 public void setUnselectTextSize(int size) 
 /**
  * 被选中Item字体颜色
  *
  * @param colorId
  */
 public void setUnselectTextColor(int colorId)

  设置完这些属性之后,直接调用show()方法就可以弹出这个选择框了。 

  完整的代码:   

public class MainActivity extends AppCompatActivity {
 AddressPickerView pickerView;
 private List<IWheelViewModel> mOneItems = new ArrayList<>();
 private List<List<IWheelViewModel>> mTwoItems;
 private List<List<List<IWheelViewModel>>> mThreeItems;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  initData();
  //创建实例
  pickerView = new AddressPickerView(this);
  //设置title
  pickerView.setTitle("收货地址");
  //设置被选中文字的颜色
  pickerView.setSelectTextColor(R.color.green);
  pickerView.setSelectTextSize(R.dimen.select_text_size);
  pickerView.setUnselectTextColor(R.color.address_view_confirm_text_color);
  pickerView.setUnselectTextSize(R.dimen.unselect_text_size);
  //设置三级数据
  pickerView.setPickerData(mOneItems, mTwoItems, mThreeItems, true);
  //设置确定和关闭监听
  pickerView.setOnPickerSelectListener(new OnPickerSelectListener() {
   @Override
   public void onSelect(int pos1, int pos2, int pos3) {
    String resultOne, resultTwo, resultThree;
    resultOne = mOneItems.get(pos1).getValueString();
    resultTwo = mTwoItems.get(pos1).get(pos2).getValueString();
    resultThree = mThreeItems.get(pos1).get(pos2).get(pos3).getValueString();
    Toast.makeText(MainActivity.this, resultOne + resultTwo + resultThree, Toast.LENGTH_SHORT).show();
   }
  });
  pickerView.setOnDismissListener(new OnDismissListener() {
   @Override
   public void onDismiss(Object o) {
   }
  });
 }
 private void initData() {
  AddressModel model = new AddressModel();
  model.addressName = "北京";
  mOneItems.add(model);
  AddressModel model1 = new AddressModel();
  model1.addressName = "湖北";
  mOneItems.add(model1);
  AddressModel model2 = new AddressModel();
  model2.addressName = "河北";
  mOneItems.add(model2);
  mTwoItems = new ArrayList<>();
  List<IWheelViewModel> l21 = new ArrayList<>();
  AddressModel model21 = new AddressModel();
  model21.addressName = "北京市";
  l21.add(model21);
  List<IWheelViewModel> l22 = new ArrayList<>();
  AddressModel model221 = new AddressModel();
  model221.addressName = "武汉";
  AddressModel model222 = new AddressModel();
  model222.addressName = "襄阳";
  AddressModel model223 = new AddressModel();
  model223.addressName = "十堰";
  AddressModel model224 = new AddressModel();
  model224.addressName = "孝感";
  AddressModel model225 = new AddressModel();
  model225.addressName = "荆州";
  l22.add(model221);
  l22.add(model222);
  l22.add(model223);
  l22.add(model224);
  l22.add(model225);
  List<IWheelViewModel> l23 = new ArrayList<>();
  AddressModel model231 = new AddressModel();
  model231.addressName = "石家庄";
  AddressModel model232 = new AddressModel();
  model232.addressName = "邯郸";
  AddressModel model233 = new AddressModel();
  model233.addressName = "秦皇岛";
  AddressModel model234 = new AddressModel();
  model234.addressName = "保定";
  AddressModel model235 = new AddressModel();
  model235.addressName = "张家口";
  l23.add(model231);
  l23.add(model232);
  l23.add(model233);
  l23.add(model234);
  l23.add(model235);
  mTwoItems.add(l21);
  mTwoItems.add(l22);
  mTwoItems.add(l23);
  mThreeItems = new ArrayList<>();
  List<IWheelViewModel> l31 = new ArrayList<>();
  for (int i = 0; i < 10; i++) {
   AddressModel model3 = new AddressModel();
   model3.addressName = "北京市" + i;
   l31.add(model3);
  }
  List<List<IWheelViewModel>> list21 = new ArrayList<>();
  list21.add(l31);
  mThreeItems.add(list21);
  for (int k = 0; k < 2; k++) {
   List<List<IWheelViewModel>> temp = new ArrayList<>();
   for (int j = 0; j < 5; j++) {
    List<IWheelViewModel> temp1 = new ArrayList<>();
    for (int i = 0; i < 10; i++) {
     AddressModel model111 = new AddressModel();
     model111.addressName = "地区" + i;
     temp1.add(model111);
    }
    temp.add(temp1);
   }
   mThreeItems.add(temp);
  }
 }
 public void onClick(View view) {
  pickerView.show();
 }
}

  这些代码可以参考demo,实际上,这里只是实现了省市区的三级联动,还可以自己参考AddressPickerView定制自己想要的滚动选择框。这里只讨论省市区这种场景,其他的场景可以自己实现。

  如果觉得有用,欢迎star,如果觉得有问题,欢迎给出建议。

  https://github.com/hgchenkai/WheelView

以上所述是小编给大家介绍的Android省市区三级联动控件使用方法实例讲解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Android测试方法总结

    Android测试方法总结

    在这篇文章中我们给大家总结了Android测试方法以及需要注意的地方,有兴趣的朋友参考学习下。
    2018-07-07
  • android 将图片压缩到指定的大小的示例

    android 将图片压缩到指定的大小的示例

    本篇文章主要介绍了android 将图片压缩到指定的大小的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Android开发者常见的UI组件总结大全

    Android开发者常见的UI组件总结大全

    Android开发中UI组件是构建用户界面的基本元素,下面这篇文章主要给大家介绍了关于Android开发者常见的UI组件总结的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-04-04
  • Android上使用jspf插件框架的方法

    Android上使用jspf插件框架的方法

    这篇文章主要介绍了Android上使用jspf插件框架的方法,实例分析了jspf插件框架的功能与使用技巧,需要的朋友可以参考下
    2015-06-06
  • Android实现USB扫码枪获取扫描内容

    Android实现USB扫码枪获取扫描内容

    这篇文章主要为大家详细介绍了Android实现USB扫码枪获取扫描内容,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • android 复制 粘贴 剪切功能应用

    android 复制 粘贴 剪切功能应用

    网上有很多android 复制 粘贴 剪切功能的文章,只是放到自己的程序中不知道如何处理,现在寻得一可行方法,需要的朋友可以参考下
    2012-11-11
  • android开发仿ios的UIScrollView实例代码

    android开发仿ios的UIScrollView实例代码

    下面小编就为大家分享一篇android开发仿ios的UIScrollView实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Android将Glide动态加载不同大小的图片切圆角与圆形的方法

    Android将Glide动态加载不同大小的图片切圆角与圆形的方法

    这篇文章主要给大家介绍了关于Android如何将Glide动态加载不同大小的图片切圆角与圆形的方法,文中通过示例代码介绍的非常吸纳关系,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧。
    2017-11-11
  • Android实现可播放GIF动画的ImageView

    Android实现可播放GIF动画的ImageView

    这篇文章主要为大家详细介绍了Android实现可播放GIF动画的ImageView,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • Flutter定时器、倒计时的快速上手及实战讲解

    Flutter定时器、倒计时的快速上手及实战讲解

    这篇文章主要给大家介绍了关于Flutter定时器、倒计时的快速上手及实战的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06

最新评论