全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

android实现双日期选择控件(可隐藏日,只显示年月)

在安卓开发中,会碰到选开始日期和结束日期的问题。特别是在使用Pad时,如果弹出一个Dialog,能够同时选择开始日期和结束日期,那将是极好的。我在开发中在DatePickerDialog的基础上做了修改,实现了这种Dialog。效果如下:

具体实现方法为:

先新建一个安卓项目DoubleDatePicker,在res/layout文件夹下新建date_picker_dialog.xml,内容如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal"
  android:orientation="horizontal"
  android:paddingTop="10dp" >

  <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:padding="5dip" >

    <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="开始日期" />

    <DatePicker
      android:id="@+id/datePickerStart"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:calendarViewShown="false" />
  </LinearLayout>

  <ImageView
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:src="@drawable/fenge" />

  <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:padding="5dip" >

    <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="结束日期" />

    <DatePicker
      android:id="@+id/datePickerEnd"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:calendarViewShown="false" />
  </LinearLayout>

</LinearLayout>

然后,在src的 默认包下新建文件DoubleDatePickerDialog.java,内容如下:

/*
 * Copyright (C) 2007 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package com.example.doubledatepicker;

import java.lang.reflect.Field;

import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.DatePicker;
import android.widget.DatePicker.OnDateChangedListener;

/**
 * A simple dialog containing an {@link android.widget.DatePicker}.
 *
 * <p>
 * See the <a href="{@docRoot}guide/topics/ui/controls/pickers.html">Pickers</a>
 * guide.
 * </p>
 */
public class DoubleDatePickerDialog extends AlertDialog implements OnClickListener, OnDateChangedListener {

  private static final String START_YEAR = "start_year";
  private static final String END_YEAR = "end_year";
  private static final String START_MONTH = "start_month";
  private static final String END_MONTH = "end_month";
  private static final String START_DAY = "start_day";
  private static final String END_DAY = "end_day";

  private final DatePicker mDatePicker_start;
  private final DatePicker mDatePicker_end;
  private final OnDateSetListener mCallBack;

  /**
   * The callback used to indicate the user is done filling in the date.
   */
  public interface OnDateSetListener {

    /**
     * @param view
     *      The view associated with this listener.
     * @param year
     *      The year that was set.
     * @param monthOfYear
     *      The month that was set (0-11) for compatibility with
     *      {@link java.util.Calendar}.
     * @param dayOfMonth
     *      The day of the month that was set.
     */
    void onDateSet(DatePicker startDatePicker, int startYear, int startMonthOfYear, int startDayOfMonth,
        DatePicker endDatePicker, int endYear, int endMonthOfYear, int endDayOfMonth);
  }

  /**
   * @param context
   *      The context the dialog is to run in.
   * @param callBack
   *      How the parent is notified that the date is set.
   * @param year
   *      The initial year of the dialog.
   * @param monthOfYear
   *      The initial month of the dialog.
   * @param dayOfMonth
   *      The initial day of the dialog.
   */
  public DoubleDatePickerDialog(Context context, OnDateSetListener callBack, int year, int monthOfYear, int dayOfMonth) {
    this(context, 0, callBack, year, monthOfYear, dayOfMonth);
  }

  public DoubleDatePickerDialog(Context context, int theme, OnDateSetListener callBack, int year, int monthOfYear,
      int dayOfMonth) {
    this(context, 0, callBack, year, monthOfYear, dayOfMonth, true);
  }

  /**
   * @param context
   *      The context the dialog is to run in.
   * @param theme
   *      the theme to apply to this dialog
   * @param callBack
   *      How the parent is notified that the date is set.
   * @param year
   *      The initial year of the dialog.
   * @param monthOfYear
   *      The initial month of the dialog.
   * @param dayOfMonth
   *      The initial day of the dialog.
   */
  public DoubleDatePickerDialog(Context context, int theme, OnDateSetListener callBack, int year, int monthOfYear,
      int dayOfMonth, boolean isDayVisible) {
    super(context, theme);

    mCallBack = callBack;

    Context themeContext = getContext();
    setButton(BUTTON_POSITIVE, "确 定", this);
    setButton(BUTTON_NEGATIVE, "取 消", this);
    // setButton(BUTTON_POSITIVE,
    // themeContext.getText(android.R.string.date_time_done), this);
    setIcon(0);

    LayoutInflater inflater = (LayoutInflater) themeContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View view = inflater.inflate(R.layout.date_picker_dialog, null);
    setView(view);
    mDatePicker_start = (DatePicker) view.findViewById(R.id.datePickerStart);
    mDatePicker_end = (DatePicker) view.findViewById(R.id.datePickerEnd);
    mDatePicker_start.init(year, monthOfYear, dayOfMonth, this);
    mDatePicker_end.init(year, monthOfYear, dayOfMonth, this);
    // updateTitle(year, monthOfYear, dayOfMonth);

    // 如果要隐藏当前日期,则使用下面方法。
    if (!isDayVisible) {
      hidDay(mDatePicker_start);
      hidDay(mDatePicker_end);
    }
  }

  /**
   * 隐藏DatePicker中的日期显示
   * 
   * @param mDatePicker
   */
  private void hidDay(DatePicker mDatePicker) {
    Field[] datePickerfFields = mDatePicker.getClass().getDeclaredFields();
    for (Field datePickerField : datePickerfFields) {
      if ("mDaySpinner".equals(datePickerField.getName())) {
        datePickerField.setAccessible(true);
        Object dayPicker = new Object();
        try {
          dayPicker = datePickerField.get(mDatePicker);
        } catch (IllegalAccessException e) {
          e.printStackTrace();
        } catch (IllegalArgumentException e) {
          e.printStackTrace();
        }
        // datePicker.getCalendarView().setVisibility(View.GONE);
        ((View) dayPicker).setVisibility(View.GONE);
      }
    }
  }

  public void onClick(DialogInterface dialog, int which) {
    // Log.d(this.getClass().getSimpleName(), String.format("which:%d",
    // which));
    // 如果是“取 消”按钮,则返回,如果是“确 定”按钮,则往下执行
    if (which == BUTTON_POSITIVE)
      tryNotifyDateSet();
  }

  @Override
  public void onDateChanged(DatePicker view, int year, int month, int day) {
    if (view.getId() == R.id.datePickerStart)
      mDatePicker_start.init(year, month, day, this);
    if (view.getId() == R.id.datePickerEnd)
      mDatePicker_end.init(year, month, day, this);
    // updateTitle(year, month, day);
  }

  /**
   * 获得开始日期的DatePicker
   *
   * @return The calendar view.
   */
  public DatePicker getDatePickerStart() {
    return mDatePicker_start;
  }

  /**
   * 获得结束日期的DatePicker
   *
   * @return The calendar view.
   */
  public DatePicker getDatePickerEnd() {
    return mDatePicker_end;
  }

  /**
   * Sets the start date.
   *
   * @param year
   *      The date year.
   * @param monthOfYear
   *      The date month.
   * @param dayOfMonth
   *      The date day of month.
   */
  public void updateStartDate(int year, int monthOfYear, int dayOfMonth) {
    mDatePicker_start.updateDate(year, monthOfYear, dayOfMonth);
  }

  /**
   * Sets the end date.
   *
   * @param year
   *      The date year.
   * @param monthOfYear
   *      The date month.
   * @param dayOfMonth
   *      The date day of month.
   */
  public void updateEndDate(int year, int monthOfYear, int dayOfMonth) {
    mDatePicker_end.updateDate(year, monthOfYear, dayOfMonth);
  }

  private void tryNotifyDateSet() {
    if (mCallBack != null) {
      mDatePicker_start.clearFocus();
      mDatePicker_end.clearFocus();
      mCallBack.onDateSet(mDatePicker_start, mDatePicker_start.getYear(), mDatePicker_start.getMonth(),
          mDatePicker_start.getDayOfMonth(), mDatePicker_end, mDatePicker_end.getYear(),
          mDatePicker_end.getMonth(), mDatePicker_end.getDayOfMonth());
    }
  }

  @Override
  protected void onStop() {
    // tryNotifyDateSet();
    super.onStop();
  }

  @Override
  public Bundle onSaveInstanceState() {
    Bundle state = super.onSaveInstanceState();
    state.putInt(START_YEAR, mDatePicker_start.getYear());
    state.putInt(START_MONTH, mDatePicker_start.getMonth());
    state.putInt(START_DAY, mDatePicker_start.getDayOfMonth());
    state.putInt(END_YEAR, mDatePicker_end.getYear());
    state.putInt(END_MONTH, mDatePicker_end.getMonth());
    state.putInt(END_DAY, mDatePicker_end.getDayOfMonth());
    return state;
  }

  @Override
  public void onRestoreInstanceState(Bundle savedInstanceState) {
    super.onRestoreInstanceState(savedInstanceState);
    int start_year = savedInstanceState.getInt(START_YEAR);
    int start_month = savedInstanceState.getInt(START_MONTH);
    int start_day = savedInstanceState.getInt(START_DAY);
    mDatePicker_start.init(start_year, start_month, start_day, this);

    int end_year = savedInstanceState.getInt(END_YEAR);
    int end_month = savedInstanceState.getInt(END_MONTH);
    int end_day = savedInstanceState.getInt(END_DAY);
    mDatePicker_end.init(end_year, end_month, end_day, this);

  }
}

这些代码是以DatePickerDialog.java为基础修改的。总的来说,阅读源码是一种好习惯。这里面最需要注意的是hidDay方法,该方法如果调用,则隐藏“日”的选择框,只能选择“年月”。这个方法的实现也比较有难度,需要通过反射,找出DatePicker中表示日的字段,并将其设置为隐藏。

还有一点需要注意的是,为了让控件显示更加好看,我用了一张名字为fenge.png的图片,图片在我提供的源码中可以找到。

下面就需要编辑activity_main.xml了,这个内容相当简单,只要一个显示的text和一个button即可,代码如下:

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

  <EditText
    android:id="@+id/et"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:cursorVisible="false"
    android:editable="false" />

  <Button
    android:id="@+id/dateBtn"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="日期对话框" />

</LinearLayout>

最后,在MainActivity.java中,加入测试代码:

package com.example.doubledatepicker;

import java.util.Calendar;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;

public class MainActivity extends Activity {

  Button btn;
  TextView et;

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

    btn = (Button) findViewById(R.id.dateBtn);
    et = (TextView) findViewById(R.id.et);

    btn.setOnClickListener(new View.OnClickListener() {
      Calendar c = Calendar.getInstance();

      @Override
      public void onClick(View v) {
        // 最后一个false表示不显示日期,如果要显示日期,最后参数可以是true或者不用输入
        new DoubleDatePickerDialog(MainActivity.this, 0, new DoubleDatePickerDialog.OnDateSetListener() {

          @Override
          public void onDateSet(DatePicker startDatePicker, int startYear, int startMonthOfYear,
              int startDayOfMonth, DatePicker endDatePicker, int endYear, int endMonthOfYear,
              int endDayOfMonth) {
            String textString = String.format("开始时间:%d-%d-%d\n结束时间:%d-%d-%d\n", startYear,
                startMonthOfYear + 1, startDayOfMonth, endYear, endMonthOfYear + 1, endDayOfMonth);
            et.setText(textString);
          }
        }, c.get(Calendar.YEAR), c.get(Calendar.MONTH), c.get(Calendar.DATE), true).show();
      }
    });
  }
}

可以看到,在新建DoubleDatePickerDialog时, 我们实现了一个new DoubleDatePickerDialog.OnDateSetListener()的匿名类,这个类被DoubleDatePickerDialog引用,当DoubleDatePickerDialog中的“确 定”按钮被点击时,就会调用匿名类的onDateSet方法。(这也是事件绑定的基本原理)。

DoubleDatePickerDialog构造函数的最后一个参数,true为显示日期,false为不显示日期。

当最后一个参数为true时,显示效果如下:

当最后一个参数为false时,显示如下

 

源码下载地址:http://xiazai./201701/yuanma/DoubleDatePicker_jb51.rar

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


# android日期选择控件  # android日期控件  # android  # 日期时间控件  # Android开发之滑动数值选择器NumberPicker用法示例  # Android自定义标尺滑动选择值效果  # android view实现横向滑动选择  # Android实现滑动选择控件实例代码  # Android自定义View实现左右滑动选择出生年份  # 轻松实现可扩展自定义的Android滚轮时间选择控件  # Android高仿IOS 滚轮选择控件  # Android自定义控件之日期选择控件使用详解  # Android滚轮选择时间控件使用详解  # Android PickerScrollView滑动选择控件使用方法详解  # 的是  # 需要注意  # 实现了  # 就会  # 是在  # 是一种  # 我在  # 在我  # 下载地址  # 用了  # 将是  # 弹出  # 可以看到  # 往下  # 设置为  # 这里面  # 可以找到  # 绑定  # 对话框  # 上做 


相关文章: 如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  浅谈Javascript中的Label语句  网站制作公司排行榜,四大门户网站排名?  深圳企业网站制作设计,在深圳如何网上全流程注册公司?  制作假网页,招聘网的薪资待遇,会有靠谱的吗?一面试又各种折扣?  如何通过虚拟主机快速完成网站搭建?  如何用IIS7快速搭建并优化网站站点?  公众号网站制作网页,微信公众号怎么制作?  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  建站10G流量真的够用吗?如何应对访问高峰?  如何选择长沙网站建站模板?H5响应式与品牌定制哪个更优?  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  建站之星代理费用多少?最新价格详情介绍  巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成  陕西网站制作公司有哪些,陕西凌云电器有限公司官网?  javascript中的try catch异常捕获机制用法分析  如何零成本快速生成个人自助网站?  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话?  想学网站制作怎么学,建立一个网站要花费多少?  枣阳网站制作,阳新火车站打的到仙岛湖多少钱?  已有域名能否直接搭建网站?    青岛网站设计制作公司,查询青岛招聘信息的网站有哪些?  网站代码制作软件有哪些,如何生成自己网站的代码?  内网网站制作软件,内网的网站如何发布到外网?  如何在Windows服务器上快速搭建网站?  如何快速搭建FTP站点实现文件共享?  如何快速上传建站程序避免常见错误?  建站之星24小时客服电话如何获取?  实例解析Array和String方法  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?  如何用狗爹虚拟主机快速搭建网站?  公司网站建设制作费用,想建设一个属于自己的企业网站,该如何去做?  建站上市公司网站建设方案与SEO优化服务定制指南  如何通过PHP快速构建高效问答网站功能?  建站之星如何保障用户数据免受黑客入侵?  弹幕视频网站制作教程下载,弹幕视频网站是什么意思?  如何在阿里云域名上完成建站全流程?  杭州银行网站设计制作流程,杭州银行怎么开通认证方式?  c# await 一个已经完成的Task会发生什么  网站制作服务平台,有什么网站可以发布本地服务信息?  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  建站中国官网:模板定制+SEO优化+建站流程一站式指南  公司门户网站制作流程,华为官网怎么做?  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的?  黑客如何利用漏洞与弱口令入侵网站服务器?  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  如何通过VPS建站无需域名直接访问?  建站之星如何助力企业快速打造五合一网站?  php条件判断怎么写_ifelse和switchcase的使用区别【对比】 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。