Android 实现IOS 滚轮选择控件的实例

最近根据项目需要，整理了一个相对比较全面的 WheelView 使用控件，借用之前看到的一句话来说，就是站在巨人肩膀上，进行了一些小调整。

这里先贴上效果图

一般常用的时间选择格式，，单项选择，以及城市联动，这里基本都可以满足了。

这里把 单项选择，和 日期时间选择 给提出到 Util 类中，代码如下：

public class Util {

  /**
   * 时间选择回调
   */
  public interface TimerPickerCallBack {
    void onTimeSelect(String date);
  }

  /**
   * 弹出时间选择
   *
   * @param context
   * @param type   TimerPickerView 中定义的 选择时间类型
   * @param format  时间格式化
   * @param callBack 时间选择回调
   */
  public static void alertTimerPicker(Context context, TimePickerView.Type type, final String format, final TimerPickerCallBack callBack) {
    TimePickerView pvTime = new TimePickerView(context, type);
    //控制时间范围
    //    Calendar calendar = Calendar.getInstance();
    //    pvTime.setRange(calendar.get(Calendar.YEAR) - 20, calendar.get(Calendar.YEAR));
    pvTime.setTime(new Date());
    pvTime.setCyclic(false);
    pvTime.setCancelable(true);
    //时间选择后回调
    pvTime.setOnTimeSelectListener(new TimePickerView.OnTimeSelectListener() {

      @Override
      public void onTimeSelect(Date date) {
//            tvTime.setText(getTime(date));
        SimpleDateFormat sdf = new SimpleDateFormat(format);
        callBack.onTimeSelect(sdf.format(date));
      }
    });
    pvTime.setTextSize(16);
    //弹出时间选择器
    pvTime.show();
  }


  /**
   * 底部滚轮点击事件回调
   */
  public interface OnWheelViewClick {
    void onClick(View view, int postion);
  }

  /**
   * 弹出底部滚轮选择
   *
   * @param context
   * @param list
   * @param click
   */
  public static void alertBottomWheelOption(Context context, ArrayList<?> list, final OnWheelViewClick click) {

    final PopupWindow popupWindow = new PopupWindow();

    View view = LayoutInflater.from(context).inflate(R.layout.layout_bottom_wheel_option, null);
    TextView tv_confirm = (TextView) view.findViewById(R.id.btnSubmit);
    final WheelView wv_option = (WheelView) view.findViewById(R.id.wv_option);
    wv_option.setAdapter(new ArrayWheelAdapter(list));
    wv_option.setCyclic(false);
    wv_option.setTextSize(16);
    tv_confirm.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        popupWindow.dismiss();
        click.onClick(view, wv_option.getCurrentItem());
      }
    });

    view.findViewById(R.id.btnCancel).setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        // TODO: 2016/8/11 0011 取消
        popupWindow.dismiss();
      }
    });
    view.setOnTouchListener(new View.OnTouchListener() {
      @Override
      public boolean onTouch(View view, MotionEvent motionEvent) {
        int top = view.findViewById(R.id.ll_container).getTop();
        if (motionEvent.getAction() == MotionEvent.ACTION_UP) {
          int y = (int) motionEvent.getY();
          if (y < top) {
            popupWindow.dismiss();
          }
        }
        return true;
      }
    });
    popupWindow.setContentView(view);
    popupWindow.setOutsideTouchable(true);
    popupWindow.setFocusable(true);
    popupWindow.setBackgroundDrawable(new BitmapDrawable());
    popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
    popupWindow.setHeight(ViewGroup.LayoutParams.MATCH_PARENT);
    popupWindow.showAtLocation(((ViewGroup) ((Activity) context).findViewById(android.R.id.content)).getChildAt(0), Gravity.CENTER, 0, 0);
  }
}

单项选择

这里是模拟传入 ArrayList 形式的 String 类型 ：

// 单项选择
    for (int i = 0; i <= 10; i++) {
      mList.add("模拟数据" + i);
    }

    tv_single_option.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        Util.alertBottomWheelOption(MainActivity.this, mList, new Util.OnWheelViewClick() {
          @Override
          public void onClick(View view, int postion) {
            Toast.makeText(MainActivity.this, mList.get(postion), Toast.LENGTH_SHORT).show();
          }
        });
      }
    });

补充：我们实际项目中用法可能是传入一个实体对象，那么我们到 WheelView 中找到设置显示内容的方法：

/**
   * 根据传进来的对象反射出getPickerViewText()方法，来获取需要显示的值
   * @param item
   * @return
   */
  private String getContentText(Object item) {
    String contentText = item.toString();
    try {
      Class<?> clz = item.getClass();
      Method m = clz.getMethod(GETPICKERVIEWTEXT);
      contentText = m.invoke(item, new Object[0]).toString();
    } catch (NoSuchMethodException e) {
    } catch (InvocationTargetException e) {
    } catch (IllegalAccessException e) {
    } catch (Exception e){
    }
    return contentText;
  }

根据以上代码，可以看到如果是一个实体对象，那么就是通过对象内部定义的一个方法名为 GETPICKERVIEWTEXT（静态常量=”getPickerViewText”）的返回值来作为显示内容，

所以在创建对象的时候，要注意在对象内部添加一个 getPickerViewText（）方法，代码如下：

public class TypeBean {

  private int id;
  private String name;

  public TypeBean(int id, String name) {
    this.id = id;
    this.name = name;
  }

  public int getId() {
    return id;
  }

  public void setId(int id) {
    this.id = id;
  }

  public String getName() {
    return name;
  }

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

  //这个用来显示在PickerView上面的字符串,PickerView会通过反射获取getPickerViewText方法显示出来。
  public String getPickerViewText() {
    //这里还可以判断文字超长截断再提供显示
    return name;
  }
}

日期选择

这里是传入 选择日期类型，和 回调时间格式 就能直接得到想要的结果，

@Override
  public void onClick(View v) {
    String format = "";
    TimePickerView.Type type = null;
    switch (v.getId()) {
      case R.id.btn_ymdhm:
        type = TimePickerView.Type.ALL;
        format = "yyyy-MM-dd HH:mm";
        break;
      case R.id.btn_ymdh:
        type = TimePickerView.Type.YEAR_MONTH_DAY_HOUR;
        format = "yyyy-MM-dd HH";
        break;
      case R.id.btn_ymd:
        type = TimePickerView.Type.YEAR_MONTH_DAY;
        format = "yyyy-MM-dd";
        break;
      case R.id.btn_mdhm:
        type = TimePickerView.Type.MONTH_DAY_HOUR_MIN;
        format = "MM-dd HH:mm";
        break;
      case R.id.btn_hm:
        type = TimePickerView.Type.HOURS_MINS;
        format = "HH:mm";
        break;
      case R.id.btn_ym:
        type = TimePickerView.Type.YEAR_MONTH;
        format = "yyyy-MM";
        break;
    }
    Util.alertTimerPicker(this, type, format, new Util.TimerPickerCallBack() {
      @Override
      public void onTimeSelect(String date) {
        Toast.makeText(TestActivity.this, date, Toast.LENGTH_SHORT).show();
      }
    });

  }

条件选择

private ArrayList<ProvinceBean> options1Items = new ArrayList<ProvinceBean>();
private ArrayList<ArrayList<String>> options2Items = new ArrayList<ArrayList<String>>();
private ArrayList<ArrayList<ArrayList<String>>> options3Items = new ArrayList<ArrayList<ArrayList<String>>>();

OptionsPickerView pvOptions;

private void showOptions(){
    //选项选择器
    pvOptions = new OptionsPickerView(this);
    // 初始化三个列表数据
    DataModel.initData(options1Items, options2Items, options3Items);

    //三级联动效果
    pvOptions.setPicker(options1Items, options2Items, options3Items, true);
    //设置选择的三级单位
//    pwOptions.setLabels("省", "市", "区");
    pvOptions.setTitle("选择城市");
    pvOptions.setCyclic(false, false, false);
    //设置默认选中的三级项目
    //监听确定选择按钮
    pvOptions.setSelectOptions(1, 1, 1);
    pvOptions.setTextSize(18);
    pvOptions.setOnoptionsSelectListener(new OptionsPickerView.OnOptionsSelectListener() {

      @Override
      public void onOptionsSelect(int options1, int option2, int options3) {
        //返回的分别是三个级别的选中位置
        String tx = options1Items.get(options1).getPickerViewText()
            + options2Items.get(options1).get(option2)
            + options3Items.get(options1).get(option2).get(options3);
        tvOptions.setText(tx);
        vMasker.setVisibility(View.GONE);
      }
    });
    //点击弹出选项选择器
    tvOptions.setOnClickListener(new View.OnClickListener() {

      @Override
      public void onClick(View v) {
        pvOptions.show();
      }
    });
  }

基本使用就这些了，也没什么技术含量，只是作为常用工具整理，也希望能给大家带来方便。

感谢一下提供该组件源码的大神。

Demo地址

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# Android  # IOS  # 滚轮选择控件  # 实现IOS  # 滚轮选择控件实例  # Android仿Boss直聘文本日期混合滚轮选择器示例  # Android滚轮选择时间控件使用详解  # Android高仿IOS 滚轮选择控件  # 轻松实现可扩展自定义的Android滚轮时间选择控件  # Android实现底部图片选择Dialog  # Android 实现IOS选择拍照相册底部弹出的实例  # Android 仿京东商城底部布局的选择效果(Selector 选择器的实现)  # Android开发中实现IOS风格底部选择器（支持时间 日期 自定义）  # Android实现底部滚轮式选择弹跳框  # 回调  # 弹出  # 希望能  # 选择器  # 是一个  # 还可以  # 站在  # 就能  # 也没  # 要注意  # 大神  # 给大家  # 可以看到  # 句话  # 射出  # 谢谢大家  # 贴上  # 进行了  # 再提  # 返回值 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  使用C语言编写圣诞表白程序  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程  Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程  如何用花生壳三步快速搭建专属网站？  Laravel如何创建自定义Facades？（详细步骤）  零服务器AI建站解决方案：快速部署与云端平台低成本实践  JavaScript Ajax实现异步通信  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  Python进程池调度策略_任务分发说明【指导】  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何快速搭建虚拟主机网站？新手必看指南  再谈Python中的字符串与字符编码（推荐）  5种Android数据存储方式汇总  Laravel表单请求验证类怎么用_Laravel Form Request分离验证逻辑教程  Android中AutoCompleteTextView自动提示  使用PHP下载CSS文件中的所有图片【几行代码即可实现】  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  Laravel如何使用集合（Collections）进行数据处理_Laravel Collection常用方法与技巧  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  如何在服务器上配置二级域名建站？  北京网站制作的公司有哪些,北京白云观官方网站？  如何在Tomcat中配置并部署网站项目？  googleplay官方入口在哪里_Google Play官方商店快速入口指南  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  如何在阿里云完成域名注册与建站？  android nfc常用标签读取总结  制作旅游网站html,怎样注册旅游网站？  百度浏览器如何管理插件 百度浏览器插件管理方法  🚀拖拽式CMS建站能否实现高效与个性化并存？  微信小程序 HTTPS报错整理常见问题及解决方案  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  ,交易猫的商品怎么发布到网站上去？  如何在宝塔面板中创建新站点？  如何在新浪SAE免费搭建个人博客？  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  Android Socket接口实现即时通讯实例代码  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  微信公众帐号开发教程之图文消息全攻略  重庆市网站制作公司,重庆招聘网站哪个好？  Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知  Java解压缩zip - 解压缩多个文件或文件夹实例  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】