Android高仿IOS 滚轮选择控件_Android

最近根据项目需要,整理了一个相对比较全面的 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();
   }
  });
 }

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

点击下载:源码

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ios
, android
, 滚轮
选择控件
android 滚轮选择控件、android滚轮控件、android 滚轮时间控件、android 横向滚轮控件、android滚轮控件漂亮,以便于您获取更多的相关知识。

时间: 2024-11-01 15:55:05

Android高仿IOS 滚轮选择控件_Android的相关文章

Android高仿IOS 滚轮选择控件

最近根据项目需要,整理了一个相对比较全面的 WheelView 使用控件,借用之前看到的一句话来说,就是站在巨人肩膀上,进行了一些小调整. 这里先贴上效果图 一般常用的时间选择格式,,单项选择,以及城市联动,这里基本都可以满足了. 这里把 单项选择,和 日期时间选择 给提出到 Util 类中,代码如下: public class Util { /** * 时间选择回调 */ public interface TimerPickerCallBack { void onTimeSelect(Stri

Android 实现IOS 滚轮选择控件的实例(源码下载)

Android 实现IOS 滚轮选择控件的实例 最近根据项目需要,整理了一个相对比较全面的 WheelView 使用控件,借用之前看到的一句话来说,就是站在巨人肩膀上,进行了一些小调整. 这里先贴上效果图 一般常用的时间选择格式,,单项选择,以及城市联动,这里基本都可以满足了. 这里把 单项选择,和 日期时间选择 给提出到 Util 类中,代码如下: public class Util { /** * 时间选择回调 */ public interface TimerPickerCallBack

轻松实现可扩展自定义的Android滚轮时间选择控件_Android

项目需求中有个功能模块需要用到时间选择控件,但是android系统自带的太丑了,只能自己优化下,结合WheelView实现滚轮选择日期,好像网上也挺多这种文章的.但是适用范围还是不同,希望这个能够对需求相同的朋友有一定帮助.控件标题还有年月日时分秒这些可以自己控制是否显示,先来看效果.  1.有年月日时分的开始时间 2.只有年月日的结束时间 3.用于有时身份证到期的时间选择(分为勾选长期和直接选择时间两种,另外长期后面自己也可以进行扩展) 4.项目结构 5.直接贴代码,代码里面注释很详细 <sp

Android实现IOS相机滑动控件_Android

IOS相比于Android,动画效果是一方面优势,IOS相机切换时滑动的动画很不错,看着是有一个3D的效果,而且变化感觉很自然.Android也可以通过Graphics下面的Camera可以实现3D效果,开始尝试着用这个做了一下,效果不理想,滑动之后各组文字之间的距离就变了,从立体空间来说这是合逻辑的,但是看着很别捏.IOS相机的滑动效果文字之间的间隔在滑动的时候是不变的. 后面通过调整TextView X方向的scale使文字看着紧凑一点,然后通过计算的距离的方式,在滑动的时候保持各组文字之间

Android高仿2048小游戏实现代码_Android

刚开始进入Splash界面: 1.SplashActivity.Java(两秒后进入开始界面,Splash界面的布局只有一个图片,在博客后,会展示给大家看) public class SplashActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.a

Android 高仿微信支付数字键盘功能_Android

现在很多app的支付.输入密码功能,都已经开始使用自定义数字键盘,不仅更加方便.其效果着实精致. 下面带着大家学习下,如何高仿微信的数字键盘,可以拿来直接用在自身的项目中. 先看下效果图: 1. 自定义布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

Android使用GridLayout绘制自定义日历控件_Android

效果图 思路:就是先设置Gridlayout的行列数,然后往里面放置一定数目的自定义日历按钮控件,最后实现日历逻辑就可以了. 步骤: 第一步:自定义日历控件(初步) 第二步:实现自定义单个日期按钮控件 第三步:将第二步得到的控件动态添加到第一步的布局中,并实现日期逻辑 第四步:编写单个日期点击监听器接口 第一步:自定义日历控件(初步) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmln

Android实现果冻滑动效果的控件_Android

前言 在微信是的处理方法是让用户滑动,但最终还是回滚到最初的地方,这样的效果很生动(毕竟成功还是取决于细节).那么在安卓我们要怎么弄呢.下面为大家介绍一下JellyScrollView,是我继承ScrollView的一个有阻尼的效果的果冻滑动控件. 下面话不多说了,先来看看效果图 (在虚拟机或者真机跑起来是很流畅,可能是录制视频做成gif的时候有点卡顿.) 实现原理 其实只需要重写下它的拦截方法的逻辑就好了,ScrollView的拦截方法onInterceptTouchEvent一般情况下都默认

Android高仿微信聊天界面代码分享_Android

微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码. 先给大家展示下实现效果图: OK,下面我们来看一下整个小项目的主体结构: 下面是Activity的代码: package com.way.demo; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Date; import jav