Android 仿iOS时间选择器自定义WheelView

最新推荐文章于 2024-08-09 07:27:26 发布
最新推荐文章于 2024-08-09 07:27:26 发布
阅读量1.1w 收藏 4
点赞数 17
分类专栏： 自定义控件 文章标签： 仿ios时间选择器 WheelView

ios的自带时间选择器很好看，但是android的自带时间选择器就各不相同，有的看起来还可以，但是有的就其丑无比，网上仿ios的自定义时间选择器 基本都是WheelView，上效果图吧，这是我修改过的结果。

          


/**
	 * 显示全部日期
	 */
	private void showDateAndTime(){

		Calendar c = Calendar.getInstance();
		int curYear = c.get(Calendar.YEAR);
		int curMonth = c.get(Calendar.MONTH) + 1;//通过Calendar算出的月数要+1
		int curDate = c.get(Calendar.DATE);

		final AlertDialog dialog = new AlertDialog.Builder(MainActivity.this)
				.create();
		dialog.show();
		Window window = dialog.getWindow();
		// 设置布局
		window.setContentView(R.layout.my_new_pop_layout);
		// 设置宽高
		window.setLayout(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
		// 设置弹出的动画效果
		window.setWindowAnimations(R.style.AnimBottom);

		month = (WheelView) window.findViewById(R.id.new_month);
		initMonth();
		day = (WheelView) window.findViewById(R.id.new_day);
		initDay(curYear,curMonth);
		hour = (WheelView) window.findViewById(R.id.new_hour);
		initHour();
		mins = (WheelView) window.findViewById(R.id.new_mins);
		initMins();

        // 设置当前时间
		//year.setCurrentItem(curYear - 1);
		month.setCurrentItem(curMonth - 1);
		day.setCurrentItem(curDate - 1);
		hour.setCurrentItem(8);
		mins.setCurrentItem(30);

		month.setVisibleItems(7);
		day.setVisibleItems(7);
		hour.setVisibleItems(7);
		mins.setVisibleItems(7);

		// 设置监听
		TextView ok = (TextView) window.findViewById(R.id.set);
		TextView cancel = (TextView) window.findViewById(R.id.cancel);
		ok.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				String date = "2016" + "-"+ (month.getCurrentItem()+1)+"-"+(day.getCurrentItem()+1);
				String time = " " + hour.getCurrentItem()+ ":"+ (mins.getCurrentItem() + 1);
				Toast.makeText(MainActivity.this, date + time, Toast.LENGTH_LONG).show();
				dialog.cancel();
			}
		});
		cancel.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				dialog.cancel();
			}
		});
		LinearLayout cancelLayout = (LinearLayout) window.findViewById(R.id.view_none);
		cancelLayout.setOnTouchListener(new View.OnTouchListener() {
			@Override
			public boolean onTouch(View view, MotionEvent motionEvent) {
				dialog.cancel();
				return false;
			}
		});
	}


	/**
	 * 显示时间
	 */
	private void showTimeDialog(){
		final AlertDialog dialog = new AlertDialog.Builder(MainActivity.this)
				.create();
		dialog.show();
		Window window = dialog.getWindow();
		// 设置布局
		window.setContentView(R.layout.timepick);
		// 设置宽高
		window.setLayout(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
		// 设置弹出的动画效果
		window.setWindowAnimations(R.style.AnimBottom);

		hour = (WheelView) window.findViewById(R.id.hour);
		initHour();
		mins = (WheelView) window.findViewById(R.id.mins);
		initMins();
		// 设置当前时间
		hour.setCurrentItem(8);
		mins.setCurrentItem(30);
		hour.setVisibleItems(7);
		mins.setVisibleItems(7);

		// 设置监听
		Button ok = (Button) window.findViewById(R.id.set);
		Button cancel = (Button) window.findViewById(R.id.cancel);
		ok.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				String str = hour.getCurrentItem() + ":"+ mins.getCurrentItem();
				Toast.makeText(MainActivity.this, str, Toast.LENGTH_LONG).show();
				dialog.cancel();
			}
		});
		cancel.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				dialog.cancel();
			}
		});
		LinearLayout cancelLayout = (LinearLayout) window.findViewById(R.id.view_none);
		cancelLayout.setOnTouchListener(new View.OnTouchListener() {
			@Override
			public boolean onTouch(View view, MotionEvent motionEvent) {
				dialog.cancel();
				return false;
			}
		});
	}


	/**
	 * 显示日期
	 */
	private void showDateDialog() {
		final AlertDialog dialog = new AlertDialog.Builder(MainActivity.this)
				.create();
		dialog.show();
		Window window = dialog.getWindow();
		// 设置布局
		window.setContentView(R.layout.datapick);
		// 设置宽高
		window.setLayout(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
		// 设置弹出的动画效果
		window.setWindowAnimations(R.style.AnimBottom);


		Calendar c = Calendar.getInstance();
		int curYear = c.get(Calendar.YEAR);
		int curMonth = c.get(Calendar.MONTH) + 1;//通过Calendar算出的月数要+1
		int curDate = c.get(Calendar.DATE);
		year = (WheelView) window.findViewById(R.id.year);
		initYear(curYear);
		month = (WheelView) window.findViewById(R.id.month);
		initMonth();
		day = (WheelView) window.findViewById(R.id.day);
		initDay(curYear,curMonth);


		year.setCurrentItem(curYear - 1950);
		month.setCurrentItem(curMonth - 1);
		day.setCurrentItem(curDate - 1);
		year.setVisibleItems(7);
		month.setVisibleItems(7);
		day.setVisibleItems(7);

		// 设置监听
		Button ok = (Button) window.findViewById(R.id.set);
		Button cancel = (Button) window.findViewById(R.id.cancel);
		ok.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				String str = (year.getCurrentItem()+1950) + "-"+ (month.getCurrentItem()+1)+"-"+(day.getCurrentItem()+1);
				Toast.makeText(MainActivity.this, str, Toast.LENGTH_LONG).show();
				dialog.cancel();
			}
		});
		cancel.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				dialog.cancel();
			}
		});
		LinearLayout cancelLayout = (LinearLayout) window.findViewById(R.id.view_none);
		cancelLayout.setOnTouchListener(new View.OnTouchListener() {
			@Override
			public boolean onTouch(View view, MotionEvent motionEvent) {
				dialog.cancel();
				return false;
			}
		});
		// 因为我们用的是windows的方法，所以不管ok活cancel都要加上“dialog.cancel()”这句话，
		// 不然有程序崩溃的可能，仅仅是一种可能，但我们还是要排除这一点，对吧？
		// 用AlertDialog的两个Button，即使监听里什么也不写，点击后也是会吧dialog关掉的，不信的同学可以去试下

	}

/**
	 * 初始化年
	 */
	private void initYear(int curYear) {
		NumericWheelAdapter numericWheelAdapter = new NumericWheelAdapter(this,1950, curYear);
		numericWheelAdapter.setLabel(" 年");
		//		numericWheelAdapter.setTextSize(15);  设置字体大小
		year.setViewAdapter(numericWheelAdapter);
		year.setCyclic(true);
	}

	/**
	 * 初始化月
	 */
	private void initMonth() {
		NumericWheelAdapter numericWheelAdapter = new NumericWheelAdapter(this,1, 12, "%02d");
		numericWheelAdapter.setLabel(" 月");
		//		numericWheelAdapter.setTextSize(15);  设置字体大小
		month.setViewAdapter(numericWheelAdapter);
		month.setCyclic(true);
	}

	/**
	 * 初始化天
	 */
	private void initDay(int arg1, int arg2) {
		NumericWheelAdapter numericWheelAdapter=new NumericWheelAdapter(this,1, getDay(arg1, arg2), "%02d");
		numericWheelAdapter.setLabel(" 日");
		//		numericWheelAdapter.setTextSize(15);  设置字体大小
		day.setViewAdapter(numericWheelAdapter);
		day.setCyclic(true);
	}

	/**
	 * 初始化时
	 */
	private void initHour() {
		NumericWheelAdapter numericWheelAdapter = new NumericWheelAdapter(this,1, 23, "%02d");
		numericWheelAdapter.setLabel(" 时");
		//		numericWheelAdapter.setTextSize(15);  设置字体大小
		hour.setViewAdapter(numericWheelAdapter);
		hour.setCyclic(true);
	}

	/**
	 * 初始化分
	 */
	private void initMins() {
		NumericWheelAdapter numericWheelAdapter = new NumericWheelAdapter(this,1, 59, "%02d");
		numericWheelAdapter.setLabel(" 分");
//		numericWheelAdapter.setTextSize(15);  设置字体大小
		mins.setViewAdapter(numericWheelAdapter);
		mins.setCyclic(true);
	}


源码下载地址

http://download.csdn.net/detail/qq55214/9471688

七月雨
关注
专栏目录
Android仿ios时间选择器
05-28
忘了是哪位大神写的了，n年看到就存下了，如今自己用到，在原来基础上做了下优化和修改，使得时间选择器最终只能滚动到当今的日期并做了相应的联动，我只修改了yyyy-MM-dd这一种格式，其他格式如有需要照葫芦画瓢修改一下就好了
android 仿IOS 时间选择
08-03
弹框式 时间选择器
Android滚轮控件(WheelView)使用教程
最新发布
gitblog_00475的博客
08-09 416
Android滚轮控件(WheelView)使用教程 androidWheelView仿照iOS的滚轮控件，从请吃饭apk反编译出来的项目地址:https://gitcode.com/gh_mirrors/an/androidWheelView 1. 项目目录结构及介绍 此Android滚轮控件项目(androidWheelView)主要由以下几个核心文件夹构成： gradle: 包含Grad...
Android 仿iOS的时间选择器Picker控件，有时间选择和选项选择，并支持一二三级联动效果 源码
10-10
仿iOS的PickerView控件，有时间选择和选项选择并支持一二三级联动效果 ——TimePopupWindow 时间选择器，支持年月日时分，年月日，时分等格式 ——OptionsPopupWindow 选项选择器，支持一，二，三级选项选择，并且可以设置是否联动
android 高仿ios时间选择器,Android仿ios时间日期选择器
weixin_39588252的博客
05-25 199
private void currentPicke(final EditText editText) {editText.setInputType(InputType.TYPE_NULL);final ArrayListoptions1Items = new ArrayList<>();options1Items.add("卖方");options1Items.add("买方");fi...
android 高仿ios时间选择器,仿ios时间选择
weixin_29273849的博客
05-25 588
再mui得picker的基础上修改为类似ios选择时间的插件。muipicker exapmple地址把里面数据换成下面的数据就可以了。(function($, doc) {$.init();$.ready(function() {//普通示例// 年月var yearArray = new Array();for (var i = 0; i < 10; i ++) {...
Android 仿IOS3D滚轮选择器
04-14
总之，"Android 仿IOS3D滚轮选择器"是一个涉及自定义View、动画、数据绑定等多个Android开发核心知识点的项目，对于提升Android开发者的技术水平和创新能力有着积极的作用。通过不断实践和学习，我们可以更好地掌握...
Android 自定义WheelView
12-03
本文将深入探讨如何实现一个自定义的`WheelView`，它类似于iOS日历中的日期选择器，旨在解决Android原生`DatePicker`在不同版本上的样式不一致问题。我们将讨论以下关键知识点： 1. **自定义View的基础**： 在...
Android高仿IOS 滚轮选择控件
09-01
在Android开发中，这种控件模拟了现实世界中滚轮式选择器的功能，用户可以通过滚动来选择一个选项，通常用于日期选择、时间选择或任何可以提供预定义选项列表的场景。这样的控件使得用户体验变得流畅和直观。 接...
仿iOS滚轮选择器自定义控件源码
04-14
这个"仿iOS滚轮选择器自定义控件源码"提供了一个解决方案，它允许用户在Android应用中创建具有iOS风格的滚动选择器。本文将深入探讨这个自定义控件的实现原理、关键代码以及如何在项目中应用。 首先，我们来理解...
仿ios时间选择器
08-25
总结来说，"仿ios时间选择器"是一个Android开发中的自定义组件，它实现了与iOS系统相似的时间选择交互，提供了年月日时分秒的完整选择功能。开发者通过自定义视图和数据绑定，以及精心设计的UI和交互，使得这个组件...
Android代码-仿iOS的滑动选择wheelview控件
08-06
PickerUI Android library to display a list of items for pick one with blur effect (if you wish). Support for Android 3.0 and up. It supports portrait and landscape mode, saving the state. Try out the sample application on Google Play. Demo Including in Your Project Last version is 1.0.1 Just add the following statement in your build.gradle compile 'com.github.davidpizarro:pickerui:VERSION' You may also add the library as an Android Library to your project. All the library files live in li
Android端仿ios时间控件选择
03-31
Android端仿ios时间控件选择 （包含周几，上下午）
android仿IOS时间选择控件
08-27
android仿IOS时间选择控件，点击按钮，弹出时间选择对话框进行选择！
Android仿iPhone的日期时间选择器
07-18
Android仿iPhone的日期时间选择器，超炫超酷！
Android自定义View仿IOS圆盘时间选择器
08-31
主要介绍了Android自定义View仿IOS圆盘时间选择器,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
android 高仿ios时间选择器,Android 仿 Ios时间选择控件（收藏）
weixin_42149145的博客
05-25 694
Paste_Image.png使用：Android Studio中直接在 gradle中加入：compile 'com.feezu.liuli:timeselector:1.1.3+'Eclipse下请下载源码(建议尽早迁移至Studio)构造1：TimeSelector(Context context, ResultHandler resultHandler, String startDate,...
android滑动选择器,android 100行代码实现 仿苹果滑动选择器WheelView
weixin_33622555的博客
05-27 275
datas = new ArrayList();private BaseAdapter adapter;public WheelView(Context context, AttributeSet attrs) {super(context, attrs);for (int i = 0; i < 18; i++) {datas.add(i);}adapter = new BaseAdapte...
仿ios的时间选择器
踏雪飞鸿的博客
06-28 710
github的地址：https://github.com/RightOfHand/TimeSelectorPopwindow
Android自定义View实现iOS风格时间选择器
本文档主要介绍了如何在Android开发中自定义一个View来模仿iOS风格的圆盘时间选择器。这种控件通常用于选择时间范围，比如设定闹钟或调整时间设置。作者分享了一个名为Ring_Slide2的自定义View类，该类继承自Android...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值