android dialog省市区三级联动滚动选取效果

最新推荐文章于 2021-11-25 10:08:58 发布
最新推荐文章于 2021-11-25 10:08:58 发布
阅读量1.9k 收藏
点赞数
分类专栏： android开发 文章标签： android wheelview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z690798364/article/details/52608006
版权

android上做滚动选取的效果是没有原生的控件，我做这个滚动选取的小过失用的是大神整理好的插件，如图是插件的相关的类

轮子有了做效果是比较容易的，无非就是设置数据和显示，为了自己项目中用着方便，我写了一个自定义dialog来显示，并且把数据机械的方法也都放在里边了。

MyprovinceSelectdialog.class

/**
 * 自定义省市区选取控件
 */

public class MyprovinceSelectdialog extends Dialog {

    Context mContext;

    public MyprovinceSelectdialog(Context context) {
        super(context);
        mContext = context;
    }

    public MyprovinceSelectdialog(Context context, int themeResId) {
        super(context, themeResId);
    }

    public static class Builder implements OnWheelChangedListener {
        ArrayList<Myprovice> data;
        private Context context;

        private Handler mHandler;
        WheelView provice_select;
        WheelView city_select;
        WheelView district_select;

        public Builder(Context context, Handler mHandler) {
            this.context = context;
            this.mHandler = mHandler;
        }

        public MyprovinceSelectdialog create() {
            LayoutInflater inflater = (LayoutInflater) context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            // instantiate the dialog with the custom Theme
            final MyprovinceSelectdialog dialog = new MyprovinceSelectdialog(context, R.style.dialog);
            View layout = inflater.inflate(R.layout.shengshiqu, null);
            //初始化布局
            provice_select = (WheelView) layout.findViewById(R.id.province_select);
            city_select = (WheelView) layout.findViewById(R.id.city_select);
            district_select = (WheelView) layout.findViewById(R.id.district_select);
            Button shengshiqu_btn_cancel = (Button) layout.findViewById(R.id.shengshiqu_btn_cancel);
            Button shengshiqu_btn_sure = (Button) layout.findViewById(R.id.shengshiqu_btn_sure);
            initData();
            if (null != data) {
                //province
                String[] item = new String[data.size()];
                for (int i = 0; i < data.size(); i++) {
                    item[i] = data.get(i).getPname();
                }
                ArrayWheelAdapter<String> adapter = new ArrayWheelAdapter<>(context, item);
                adapter.setTextColor(R.color.black);
                provice_select.setViewAdapter(adapter);
                // 设置可见条目数量
                provice_select.setVisibleItems(5);
                city_select.setVisibleItems(5);
                district_select.setVisibleItems(5);
                provice_select.addChangingListener(this);
                city_select.addChangingListener(this);
                district_select.addChangingListener(this);
                updateCities();
                updateAreas();


            }
            shengshiqu_btn_cancel.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    dialog.cancel();
                }
            });
            shengshiqu_btn_sure.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Message message = new Message();
                    Bundle bundle = new Bundle();
                    bundle.putString("provinceId", data.get(provice_select.getCurrentItem()).getPid());
                    bundle.putString("cityId", data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getCid());
                    bundle.putString("districtId",
                            data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getMyDistricts().size() > district_select.getCurrentItem() ?
                                    data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getMyDistricts().get(district_select.getCurrentItem()).getDid() :
                                    "");
                    bundle.putString("province", data.get(provice_select.getCurrentItem()).getPname());
                    bundle.putString("city", data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getCname());
                    bundle.putString("district", data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getMyDistricts().size() > district_select.getCurrentItem() ?
                            data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getMyDistricts().get(district_select.getCurrentItem()).getDname() :
                            "");
                    message.setData(bundle);
                    mHandler.sendMessage(message);
                    dialog.cancel();
                }
            });
            dialog.setContentView(layout);
            return dialog;
        }

        private void updateAreas() {
            int cCurrent = city_select.getCurrentItem();
            int pCurrent = provice_select.getCurrentItem();
            String[] item = new String[data.get(pCurrent).getMyCities().get(cCurrent).getMyDistricts().size()];
            for (int i = 0; i < item.length; i++) {
                item[i] = data.get(pCurrent).getMyCities().get(cCurrent).getMyDistricts().get(i).getDname();
            }
            ArrayWheelAdapter<String> adapter = new ArrayWheelAdapter<>(context, item);
            adapter.setTextColor(R.color.black_true);
            district_select.setViewAdapter(adapter);
            district_select.setCurrentItem(0);
        }

        private void updateCities() {
            int pCurrent = provice_select.getCurrentItem();
            String[] item = new String[data.get(pCurrent).getMyCities().size()];
            for (int i = 0; i < item.length; i++) {
                item[i] = data.get(pCurrent).getMyCities().get(i).getCname();
            }
            ArrayWheelAdapter<String> adapter = new ArrayWheelAdapter<>(context, item);
            adapter.setTextColor(R.color.black);
            city_select.setViewAdapter(adapter);
            city_select.setCurrentItem(0);
            updateAreas();
        }


        //初始化省市区信息
        public void initData() {
            String json = MyUtils.readLocalJson(context, "jsons.txt");
            JSONArray jsonArray;
            try {
                jsonArray = new JSONArray(json);
                //初始化省列表
                data = new ArrayList<Myprovice>();
                for (int y = 0; y < jsonArray.length(); y++) {
                    Myprovice myprovice = new Myprovice();
                    myprovice.setPid(jsonArray.getJSONObject(y).getString("provinceId"));
                    myprovice.setPname(jsonArray.getJSONObject(y).getString("provinceName"));
                    JSONArray jsonArray1 = jsonArray.getJSONObject(y).getJSONArray("citys");
                    List<MyCity> myCities = new ArrayList<>();
                    for (int j = 0; j < jsonArray1.length(); j++) {
                        MyCity myCity = new MyCity();
                        myCity.setCid(jsonArray1.getJSONObject(j).getString("cityId"));
                        myCity.setCname(jsonArray1.getJSONObject(j).getString("cityName"));
                        if (jsonArray1.getJSONObject(j).has("countys")) {
                            JSONArray jsonArray2 = jsonArray1.getJSONObject(j).getJSONArray("countys");
                            List<Districts> myDistricts = new ArrayList<>();
                            for (int x = 0; x < jsonArray2.length(); x++) {
                                Districts districts = new Districts();
                                districts.setDid(jsonArray2.getJSONObject(x).getString("countyId"));
                                districts.setDname(jsonArray2.getJSONObject(x).getString("countyName"));
                                myDistricts.add(districts);
                            }
                            myCity.setMyDistricts(myDistricts);
                        } else {
                            List<Districts> myDistricts = new ArrayList<>();
                            myCity.setMyDistricts(myDistricts);
                        }
                        myCities.add(myCity);
                    }
                    myprovice.setMyCities(myCities);
                    data.add(myprovice);
                }

            } catch (JSONException e) {
                e.printStackTrace();
            }
        }

        @Override
        public void onChanged(WheelView wheel, int oldValue, int newValue) {
            if (wheel == provice_select) {
                updateCities();
            } else if (wheel == city_select) {
                updateAreas();
            } else if (wheel == district_select) {

            }
        }
    }
}

在initData方法中作了数据的解析，首先要在项目的assets目录下放一个json.txt的文件，里边放的是JsonArray 格式的省市区信息，然后分别创建对应的类用来解析数据，因为在真正用到wheelview的地方其实你只需要适配器一个String[]的数据源就行，所以解析的话无关紧要，只要能做出来数据就行。主要的地方就是一个是wheelview的初始化

provice_select = (WheelView) layout.findViewById(R.id.province_select)
ArrayWheelAdapter<String> adapter = new ArrayWheelAdapter<>(context, item);
                //adapter.setTextColor(R.color.black);
                provice_select.setViewAdapter(adapter);
                // 设置可见条目数量
                provice_select.setVisibleItems(5);
                provice_select.addChangingListener(this);
builder实现了 <span style="font-size: 13.3333px; font-family: Arial, Helvetica, sans-serif;">OnWheelChangedListener 接口，调用onchange方法就可以监听滚动了，最开始的时候吧省市区三个wheelview都默认初始化第一项，当监听到省改变的时侯重新构造市的适配器，然后监听到市的选项改变的</span>
<span style="font-size: 13.3333px; font-family: Arial, Helvetica, sans-serif;">时候重新构造区的适配器。</span>
<span style="font-size: 13.3333px; font-family: Arial, Helvetica, sans-serif;">为了方便开发，我传进来一个handler用来直接将处理结果发送给调用额页面，这里没有给外部设置布局和点击事件的接口，之间在内部设置好了确认的点击事件，直接利用handler发送消息给调用处</span>
<span style="font-size: 13.3333px; font-family: Arial, Helvetica, sans-serif;"></span><pre name="code" class="html">shengshiqu_btn_sure.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Message message = new Message();
                    Bundle bundle = new Bundle();
                    bundle.putString("provinceId", data.get(provice_select.getCurrentItem()).getPid());
                    bundle.putString("cityId", data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getCid());
                    bundle.putString("districtId",
                            data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getMyDistricts().size() > district_select.getCurrentItem() ?
                                    data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getMyDistricts().get(district_select.getCurrentItem()).getDid() :
                                    "");
                    bundle.putString("province", data.get(provice_select.getCurrentItem()).getPname());
                    bundle.putString("city", data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getCname());
                    bundle.putString("district", data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getMyDistricts().size() > district_select.getCurrentItem() ?
                            data.get(provice_select.getCurrentItem()).getMyCities().get(city_select.getCurrentItem()).getMyDistricts().get(district_select.getCurrentItem()).getDname() :
                            "");
                    message.setData(bundle);
                    mHandler.sendMessage(message);
                    dialog.cancel();
                }
            });
使用的方法就行在调用的地方 

 

<span style="font-size: 13.3333px; font-family: Arial, Helvetica, sans-serif;"></span><pre name="code" class="html">MyprovinceSelectdialog.Builder builder = new MyprovinceSelectdialog.Builder(AddAddressActivity.this,new Handler(){
                    @Override
                    public void handleMessage(Message msg) {
                        addAddressEditDirtect.setText(bundle.get("province").toString()+"-"+bundle.get("city").toString()+"-"+bundle.get("district").toString());
                    }
                });
                MyprovinceSelectdialog dialog =  builder.create();
                WindowManager wm = getWindowManager();
                //让dialog显示在底部，宽度充满屏幕
                int width = wm.getDefaultDisplay().getWidth();
                Window window = dialog.getWindow();
                window.setGravity(Gravity.BOTTOM);
                window.setLayout(width, AutoGridLayout.LayoutParams.WRAP_CONTENT);
                dialog.show();
 

 

 

 关于wheelview插件的部分，我也是从别的大神的demo里边拿出来的，demo 

 

地址http://download.csdn.net/detail/z690798364/9635945
 

欢迎建议和帮助改进。
 


 

                

        

        

    




    

      

        

            

              
                
                  子夜微凉
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  2
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
android 自定义含有滚动选择器的对话框

				
			

			

				

					番茄的博客
				

				

					04-12
					
					4911
					
				

			

		

		

			
				
最近在写一个项目，需要用到滚动选择器，本人的想法是弹出一个对话框，中间包含滚动选择器，其中滚动选择器的源码参考的这篇文章http://blog.csdn.net/zhongkejingwang/article/details/38513301 
先来看一下效果 
 
用滚动选择器选择分数，点击确定按钮，打分完成，点击取消按钮，对话框消失。关于自定义滚动选择器大家可以参考上面那篇文章，我觉得写的很容易

			
		

	



                

              
                



	

		

			

				
					
android 省市区三级联动选择城市控件(dialog样式)

				
			

			

				

					08-28
				

			

		

		

			
				
省市区三级联动选择dialog 参考了该作者的项目https://github.com/duanhong169/PickerView  做了细微的修改 变成对话框 用起来很简单

			
		

	



                


  
              

                


	

		

			

				
					
android底部滚轮式选择弹跳框（支持循环滚动）

				
			

			

				

					暴走哥丶AS
				

				

					11-25
					
					1万+
					
				

			

		

		

			
				
先看效果：




调用方法：



SlideDialog slideDialog = new SlideDialog(this, list, false, false);
slideDialog.setOnSelectClickListener(new SlideDialog.OnSelectListener() {
      @Override
      public void onCancel() {
          Toast.makeText(GroupFormListActivi...

			
		

	





	

		

			

				
					
Android弹窗插件 sweet-alert-dialog

				
			

			

				

					贵公子丶笔记
				

				

					10-30
					
					2083
					
				

			

		

		

			
				

								
					版权声明：本文为博主原创文章，未经博主允许不得转载。http://blog.csdn.net/leytton					https://blog.csdn.net/Leytton/article/details/72178559				
								            
						
【本文出处: 
http://blog.csdn.net/leytton/ar...

			
		

	



		

			
		



	

		

			

				
					
Android自定义时间滚动选择器PickerView Dialog

				
			

			

				

					WOL965的博客
				

				

					06-01
					
					1140
					
				

			

		

		

			
				
Android自定义时间滚动选择器PickerView Dialog


正好现在项目到了测试阶段，想想也有一段时间没写博客了。

两个星期前，接到新增信用卡模块的需求。在写到绑定信用卡的时候，有一个还款提醒功能

先上图：

                   

就是这样的一个滚动选择器，网上开源控件那么多，就不重复造轮子了，于是乎“Google一下，你就知道了”。

ok，用不了几分钟，找...

			
		

	





	

		

			

				
					
android常用滚动控件,WheelView

				
			

			

				

					weixin_42354944的博客
				

				

					05-26
					
					384
					
				

			

		

		

			
				
实现Android竖直滚动选择功能注意：1. 此demo中注解、日志等功能使用了AndroidInject(https://github.com/wangjiegulu/androidInject)和AndroidBucket(https://github.com/wangjiegulu/AndroidBucket)项目2. 此demo中每一个滑动的选项都是一个View，未使用View的缓存，待优...

			
		

	





	

		

			

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

				
			

			

				

					01-04
				

			

		

		

			
				
Android省市区选择三级联动效果，一个不大不小的功能，就算你做过，但是没有相关的代码直接写，也要花掉你至少半天时间。 下面我写出我的实现过程（思路绝对清晰）。 先上效果图   一、准备数据 我是用的本地的json...

			
		

	





	

		

			

				
					
Android(省市区三级联动Dialog)Demo

				
			

			

				

					06-28
				

			

		

		

			
				
Android(省市区三级联动Dialog)Demo

			
		

	





	

		

			

				
					
省市区三级联动Dialog

				
			

			

				

					06-28
				

			

		

		

			
				
省市区三级联动Dialog

			
		

	





	

		

			

				
					
(省市区三级联动Dialog)Demo

				
			

			

				

					06-28
				

			

		

		

			
				
(省市区三级联动Dialog)Demo

			
		

	





	

		

			

				
					
自定义弹窗（三） 弹窗选择三级联动城市

				
			

			

				

					03-31
				

			

		

		

			
				
Android 自定义弹窗 城市三级联动
详情请关注 http://blog.csdn.net/gdecking/article/details/22654985

			
		

	





	

		

			

				
					
android利用AlertDialog实现省份城市的选择

				
			

			

				

					06-10
				

			

		

		

			
				
利用AlertDialog弹出对话框实现省份城市的选择,直接运行就可以,省份城市数据直接存在android项目的values目录的arrays.xml下，只需要在里面添加城市就可以增加省份与城市，另外实现了点击省份出现相应的城市，其实这个只是利用了一个int类型的Tag数组记录了每一个省份对应的第一个城市的位置，随便改一下就可以实现点击什么省份出现什么城市。还有就是省份城市数据的文件名一定要arrays.xml,要想改动资料不要手残啊

			
		

	





	

		

			

				
					
Android 仿京东地址地区选择器 支持三级县城四级乡镇选择

				
			

			

				

					02-02
				

			

		

		

			
				
Android 代码studio工程，导入直接能用 地区库完美拷贝京东地区选择 ，覆盖全国5万多个乡镇地区选择，可以直接在项目中使用。

			
		

	





	

		

			

				
					
安卓三级联动省市联动多级联动相关-Android竖直滑动选择器三级联动二级联动.rar

				
			

			

				

					07-29
				

			

		

		

			
				
Android竖直滑动选择器,三级联动,二级联动.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。

			
		

	





	

		

			

				
					
Dialog滑动动画

				
			

			

				

					11-18
				

			

		

		

			
				
alertDialog左滑动出现+自定义布局控件，简单明了

			
		

	





	

		

			

				
					
android 滚动选择城市,Android省市区一，二，三联滚动选择器(使用Dialog样式的Activity实现)...

				
			

			

				

					weixin_29133985的博客
				

				

					05-26
					
					576
					
				

			

		

		

			
				
项目中用到省市区滚动选择器，网上找到了很多相关文章，很多不完善也并不符合要求，下边是自己参考几篇博客写出的效果： 参考博客：http://www.voidcn.com/article/p-puphyori-ns.html将博客demo下载下来，其结构为： demo中的MainActivity即是省市区滚轮选择器所依附的界面，Activity可以实现多种效果和样式，例如屏幕中间弹出，底部滑出等；项目...

			
		

	





	

		

			

				
					
Android省市区三级联动滚轮选择（真实项目中提取出来的组件）

					
热门推荐

				
			

			

				

					WILLIAM-HUAN 个人技术博客
				

				

					11-27
					
					12万+
					
				

			

		

		

			
				
最近项目要做一个，类似淘宝手机客户端的，选择收货地址的三级联动滚动选择组件，下面是它的大致界面截图：




在IOS中有个叫UIPickerView的选择器，并且在dataSource中定义了UIPickerView的数据源和定制内容，所以用只要熟悉它的基本用法，要实现这么个三级联动滑动选择是挺简单的。 
言归正传，今天讨论的是在Android里面如何来实现这么个效果，那么如何实现呢

			
		

	





	

		

			

				
					
android仿iphone的地区选择

				
			

			

				

					weixin_33698043的博客
				

				

					02-12
					
					191
					
				

			

		

		

			
				
最近项目要做一个，类似淘宝手机客户端的，选择收货地址的三级联动滚动选择组件，下面是它的大致界面截图：





在IOS中有个叫UIPickerView的选择器，并且在dataSource中定义了UIPickerView的数据源和定制内容，所以用只要熟悉它的基本用法，要实现这么个三级联动滑动选择是挺简单的。

言归正传，今天讨论的是在Android...

			
		

	





	

		

			

				
					
android桌面显示动画,Android中关于Dialog滑动弹出的简单动画的设置

				
			

			

				

					weixin_31119637的博客
				

				

					05-26
					
					401
					
				

			

		

		

			
				
3.设置动画属性(创建于res\anim) --->> dialog_bottom_center_enter.xml文件android:duration="300"android:fromYDelta="-200%"android:toYDelta="0"/>android:duration="200"android:fromAlpha="0"android:toAlpha="1...

			
		

	





	

		

			

				
					
vue element  el-dialog  添加滚动效果

					
最新发布

				
			

			

				

					05-27
				

			

		

		

			
				
要在 Vue Element 中的 el-dialog 中添加滚动效果，可以在弹框的内容区域使用自定义的样式来实现。具体的实现步骤如下：

1. 在弹框的内容区域中添加一个容器元素，例如使用 div 元素，并设置其样式为：

```
.dialog-container {
  max-height: 400px; /* 设置最大高度 */
  overflow-y: auto; /* 设置垂直方向滚动 */
}
```

2. 在 el-dialog 的内容区域中使用上述容器元素进行包裹，例如：

```
<template>
  <el-dialog title="Dialog Title" :visible.sync="dialogVisible">
    <div class="dialog-container">
      <!-- 弹框内容区域 -->
    </div>
  </el-dialog>
</template>
```

这样就可以在 el-dialog 中实现滚动效果了。需要注意的是，如果弹框内容区域的高度超过了设置的最大高度，就会显示滚动条。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 2

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
子夜微凉

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值