自定义日期选择控件（适用于其他选择功能）

最新推荐文章于 2024-05-15 09:29:46 发布
最新推荐文章于 2024-05-15 09:29:46 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 自定义控件 文章标签： Android 时间选择控件 控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jl_stone/article/details/52847486
版权

Demo自定义了一个时间选择控件，可以精确到秒，同时选择器里的文字可以自己设置，适用于其他的选择功能，下面是截图和代码：



首先是选择器布局文件的代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center" >

        <NumberPicker
            android:id="@+id/numberPicker1"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="年"
            android:textColor="#000000" />

        <NumberPicker
            android:id="@+id/numberPicker2"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="月"
            android:textColor="#000000" />

        <NumberPicker
            android:id="@+id/numberPicker3"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="日"
            android:textColor="#000000" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:gravity="center" >

        <NumberPicker
            android:id="@+id/numberPicker4"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="时"
            android:textColor="#000000" />

        <NumberPicker
            android:id="@+id/numberPicker5"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="分"
            android:textColor="#000000" />

        <NumberPicker
            android:id="@+id/numberPicker6"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="秒"
            android:textColor="#000000" />
    </LinearLayout>

    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="确定" />

</LinearLayout>

接下来是自定义控件MyNumberPicker的定义：

package com.example.datetime;

import java.lang.reflect.Field;
import java.util.Date;

import android.content.Context;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.NumberPicker;

public class MyNumberPicker extends LinearLayout {

	NumberPicker yearP;
	NumberPicker monthP;
	NumberPicker dateP;

	public MyNumberPicker(Context context) {
		this(context, null);
	}

	public MyNumberPicker(Context context, AttributeSet attrs) {
		super(context, attrs);
		removeAllViews();
		initView(context);
	}

	private void initView(Context context) {

		yearP = new NumberPicker(context);
		monthP = new NumberPicker(context);
		dateP = new NumberPicker(context);

		setNumberPickerTextColor(yearP, Color.BLACK);
		setNumberPickerTextColor(monthP, Color.BLACK);
		setNumberPickerTextColor(dateP, Color.BLACK);

		Date date = new Date(System.currentTimeMillis());
		yearP.setMaxValue(23);
		yearP.setMinValue(0);
		yearP.setDisplayedValues(new String[] { "00", "01", "02", "03", "04",
				"05", "06", "07", "08", "09", "10", "11", "12", "13", "14",
				"15", "16", "17", "18", "19", "20", "21", "22", "23" });
		monthP.setMaxValue(59);
		monthP.setMinValue(0);
		monthP.setDisplayedValues(new String[] { "00", "01", "02", "03", "04",
				"05", "06", "07", "08", "09", "10", "11", "12", "13", "14",
				"15", "16", "17", "18", "19", "20", "21", "22", "23", "24",
				"25", "26", "27", "28", "29", "30", "31", "32", "33", "34",
				"35", "36", "37", "38", "39", "40", "41", "42", "43", "44",
				"45", "46", "47", "48", "49", "50", "51", "52", "53", "54",
				"55", "56", "57", "58", "59" });
		dateP.setMaxValue(59);
		dateP.setMinValue(0);
		dateP.setDisplayedValues(new String[] { "00", "01", "02", "03", "04",
				"05", "06", "07", "08", "09", "10", "11", "12", "13", "14",
				"15", "16", "17", "18", "19", "20", "21", "22", "23", "24",
				"25", "26", "27", "28", "29", "30", "31", "32", "33", "34",
				"35", "36", "37", "38", "39", "40", "41", "42", "43", "44",
				"45", "46", "47", "48", "49", "50", "51", "52", "53", "54",
				"55", "56", "57", "58", "59" });
		// yearP.setMaxValue(date.getYear() + 2000);
		// yearP.setMinValue(date.getYear() + 1900);
		// monthP.setMaxValue(12);
		// monthP.setMinValue(1);
		// monthP.setDisplayedValues(new String[] { "01", "02", "03", "04",
		// "05",
		// "06", "07", "08", "09", "10", "11", "12" });
		// dateP.setMaxValue(31);
		// dateP.setMinValue(1);
		// dateP.setDisplayedValues(new String[] { "01", "02", "03", "04", "05",
		// "06", "07", "08", "09", "10", "11", "12", "13", "14", "15",
		// "16", "17", "18", "19", "20", "21", "22", "23", "24", "25",
		// "26", "27", "28", "29", "30", "31" });
		//
		// monthP.setValue(date.getMonth() + 1);
		// dateP.setValue(date.getDay());
		yearP.setValue(date.getHours());
		monthP.setValue(date.getMinutes());
		dateP.setValue(date.getSeconds());
		LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT,
				LayoutParams.WRAP_CONTENT);

		params.weight = 100;

		addView(yearP, params);
		addView(monthP, params);
		addView(dateP, params);

	}

	public static boolean setNumberPickerTextColor(NumberPicker numberPicker,
			int color) {
		boolean result = false;
		final int count = numberPicker.getChildCount();
		for (int i = 0; i < count; i++) {
			View child = numberPicker.getChildAt(i);
			if (child instanceof EditText) {
				try {
					Field selectorWheelPaintField = numberPicker.getClass()
							.getDeclaredField("mSelectorWheelPaint");
					selectorWheelPaintField.setAccessible(true);
					((Paint) selectorWheelPaintField.get(numberPicker))
							.setColor(color);
					((EditText) child).setTextColor(color);
					numberPicker.invalidate();
					result = true;
				} catch (NoSuchFieldException e) {
					e.printStackTrace();
				} catch (IllegalAccessException e) {
					e.printStackTrace();
				} catch (IllegalArgumentException e) {
					e.printStackTrace();
				}
			}
		}
		return result;
	}
}

MainActivity的代码：

package com.example.datetime;

import java.lang.reflect.Field;

import android.app.Activity;
import android.app.AlertDialog.Builder;
import android.app.Dialog;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.NumberPicker;
import android.widget.NumberPicker.OnValueChangeListener;
import android.widget.TextView;

public class MainActivity extends Activity {

	NumberPicker nu1;
	NumberPicker nu2;
	NumberPicker nu3;
	NumberPicker nu4;
	NumberPicker nu5;
	NumberPicker nu6;
	Dialog dialog;
	TextView textView;
	Button button;
	Button button2;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.first);

		button = (Button) findViewById(R.id.button1);
		textView = (TextView) findViewById(R.id.textView1);

		button.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				showDateSelectDialog();
			}
		});

	}

	public void showDateSelectDialog() {

		Builder builder = new Builder(MainActivity.this);

		View view = LayoutInflater.from(getApplicationContext()).inflate(
				R.layout.timepicker_dialog, null);

		nu1 = (NumberPicker) view.findViewById(R.id.numberPicker1);
		nu2 = (NumberPicker) view.findViewById(R.id.numberPicker2);
		nu3 = (NumberPicker) view.findViewById(R.id.numberPicker3);
		nu4 = (NumberPicker) view.findViewById(R.id.numberPicker4);
		nu5 = (NumberPicker) view.findViewById(R.id.numberPicker5);
		nu6 = (NumberPicker) view.findViewById(R.id.numberPicker6);
		button2 = (Button) view.findViewById(R.id.button2);

		button2.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub

				String time = nu1.getValue() + "年" + nu2.getValue() + "月"
						+ nu3.getValue() + "日" + nu4.getValue() + "时"
						+ nu5.getValue() + "分" + nu6.getValue() + "秒";
				textView.setText(time);
				dialog.cancel();
			}
		});
		setNumberPickerTextColor(nu1, Color.BLUE);
		setNumberPickerTextColor(nu2, Color.BLUE);
		setNumberPickerTextColor(nu3, Color.BLUE);
		setNumberPickerTextColor(nu4, Color.BLUE);
		setNumberPickerTextColor(nu5, Color.BLUE);
		setNumberPickerTextColor(nu6, Color.BLUE);

		nu1.setMaxValue(2100);
		nu1.setMinValue(1900);
		// nu1.setDisplayedValues(new String[]{"第一","第二","第三","第四"});
		nu2.setMaxValue(12);
		nu2.setMinValue(1);
		// nu1.setDisplayedValues(new String[]{"第一","第二","第三","第四"});
		nu3.setMaxValue(31);
		nu3.setMinValue(1);
		// nu1.setDisplayedValues(new String[]{"第一","第二","第三","第四"});
		nu4.setMaxValue(23);
		nu4.setMinValue(0);
		// nu1.setDisplayedValues(new String[]{"第一","第二","第三","第四"});
		nu5.setMaxValue(60);
		nu5.setMinValue(0);
		// nu1.setDisplayedValues(new String[]{"第一","第二","第三","第四"});
		nu6.setMaxValue(60);
		nu6.setMinValue(0);
		// nu6.setDisplayedValues(new String[] { "01", "02", "03", "04" });
		builder.setView(view);

		builder.setTitle("时间选择可以精确到秒");
		dialog = builder.create();
		dialog.show();

		nu6.setOnValueChangedListener(new OnValueChangeListener() {

			@Override
			public void onValueChange(NumberPicker picker, int oldVal,
					int newVal) {
				// TODO Auto-generated method stub
				System.out.println("数据的改变" + oldVal + "ddd:" + newVal);
			}
		});
	}

	public static boolean setNumberPickerTextColor(NumberPicker numberPicker,
			int color) {
		boolean result = false;
		final int count = numberPicker.getChildCount();
		for (int i = 0; i < count; i++) {
			View child = numberPicker.getChildAt(i);
			if (child instanceof EditText) {
				try {
					Field selectorWheelPaintField = numberPicker.getClass()
							.getDeclaredField("mSelectorWheelPaint");
					selectorWheelPaintField.setAccessible(true);
					((Paint) selectorWheelPaintField.get(numberPicker))
							.setColor(color);
					((EditText) child).setTextColor(color);
					numberPicker.invalidate();
					result = true;
				} catch (NoSuchFieldException e) {
					e.printStackTrace();
				} catch (IllegalAccessException e) {
					e.printStackTrace();
				} catch (IllegalArgumentException e) {
					e.printStackTrace();
				}
			}
		}
		return result;
	}
}

主界面first.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点击选择时间" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="00-00-00" />

</LinearLayout>

源码下载地址

http://download.csdn.net/detail/jl_stone/9667232

jl_stone
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery日期日历选择器插件自定义多种日期选择
02-28
jQuery日期日历选择器插件自定义多种日期选择. 演示地址：http://www.xwcms.net/js/rqsj/16789.html
jQuery日期选择器插件自定义多种日期选择
09-26
jquery插件制作一款日期选择器插件，可自定义多种日期选择展示效果，默认显示平铺日期选择器、点击触发日期选择器、设置规定范围时间内日期选择器、点击图标按钮触发日期选择器等。
一个自定义时间选择器
jiushiwo12340的博客
06-07 3096
一个自定义时间选择器 年月日 时分 没有秒
2024年安卓最全android中 EditText控件 日期选择输入，面试总结和面试感想
最新发布
2401_84123113的博客
05-15 434
在此为大家准备了四节优质的Android高级进阶视频：架构师项目实战——全球首批Android开发者对Android架构的见解。
自定义选择器
王延朕的博客
05-14 748
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义选择器</title> <style type="text/css"> /*html5自定义属性，必须用data-开头*/ /*短横匹配 |=*/ div[data-xi|="box"]{
android 滚动选择器 滚轮选择器 选择器 自定义控件
07-03
Spinner更适用于有限的选项列表，而滚轮选择器适合于连续滚动选择场景，如日期、时间等。开发者可以根据实际需求选择合适的控件，同时，通过自定义布局和事件处理，可以进一步提升用户体验。在Demo3中，你可以找到...
自定义时间选择控件
04-30
项目需求中有个功能模块需要用到时间选择控件，但是android系统自带的太丑了，只能自己优化下，结合WheelView实现滚轮选择日期，好像网上也挺多这种文章的。但是适用范围还是不同，希望这个能够对需求相同的朋友有...
js移动端日期时间选择控件
12-28
在JavaScript（特别是原生JS）中，我们可以创建自定义的日期时间选择器，或者利用现有的开源库来实现这一功能。 在JavaScript中，`Date` 对象是处理日期和时间的基础。通过实例化 `Date` 对象，我们可以获取当前...
自定义日期选择的控件
04-13
本示例项目“自定义日期选择控件”着重于创建一个独立的日期选择功能，其核心目标是帮助开发者能够根据项目需求定制自己的日期选择器。 1. **自定义组件的意义**： 自定义组件允许开发者根据应用的设计风格和功能...
选择日期控件UncCalendar.zip
04-10
虽然`date.js`解决了基本的日期选择问题，但可能还需要进行一些定制，比如添加多语言支持、日期范围限制或者自定义日期格式。此外，为了提高性能和用户体验，可以考虑使用现代的前端框架如React或Vue来重构这个组件...
Android自定义漂亮Dialog中嵌入自定义时间选择器和日期选择器
04-15
Android自定义漂亮Dialog中嵌入自定义时间选择器和日期选择器,本人亲测)友友们我会更新更多的源码和大家分享，希望大家喜欢 .
自定义控件之组合式控件，下拉选择框
12-08
安卓组合控件，下拉选择框，自定义控件之组合式控件 下拉选择框
日历控件 access
01-09
能用于access设计的日历控件
Access中日期选择窗体模板
09-29
在ACCESS 中建立日期模块，并在窗体中可以调用该模块，实现在日历上选择日期并将日期自动输入到相应LABEL。
最全的自定义安卓的时间选择控件
03-24
提供年月日时分秒和年月日时间选择控件，解决android自带的时间控件太丑，达不到和项目一体的效果，所以进行自定义时间控件，可以根据需要调颜色和样式
自定义控件研究
水上漂的专栏
01-18 1733
一.主题我们在使用Windows操作系统的时候，可以在桌面设置中通过主题来设定当前Windows的UI风格，现在在asp.net 2.0中也新增加了这一功能：主题/皮肤，例如：在我们的系统中，我们可以制作几种样式风格的主题，然后在web.config中，通过配置项的theme属性来指定要使用的主题，您也可以对单个的页面来进行主题的设定，同时也可以在程序中设定，这样就可以保存并应用用户自己选择的
日期、时间控件的使用
ilikehigame的专栏
07-30 690
CTime time; //m_DateCtrl.GetTime(time); m_datatime.GetTime(time); CString strTime = time.Format("%Y-%m-%d") ;    //获取到的为日期 如：2014-03-05   CString strTime1=time.Format("%H:%M:%S")  ;   //获取到的为时间 如：
ant-design-vue 自定义日期下拉框
qq_44165941的博客
04-22 3228
项目场景： 使用ant-design-vue实现一个自定义日期选择的下拉框，下拉框选项中包含近一周、近一个月、最近一年和自定义日期（如下图）。 问题描述 这里使用 a-select 组件的 dropdownRender 对下拉菜单进行扩展。当鼠标移入到自定义选项时，展示组件 a-range-picker ，当聚焦在 a-range-picker 时，下方的日期选择出现在左上方！（由图一到图二） 原因分析： 提示：这里填写问题的分析： a-range-picker 组件定义浮层的容器默认为bod
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值