在棒棒糖[微调模式]中没有日历可视化的Datepicker对话框?

时间:2015-02-26 11:00:32

标签: android datepicker android-5.0-lollipop

我阅读了文档:http://developer.android.com/guide/topics/ui/controls/pickers.html 但是现在在棒棒糖中出现了日历(对于一个事件来说还可以,但是设定出生日期很糟糕,我会用旋转模式。)我无法删除它! 在布局中使用此属性很容易:

 <DatePicker
 datePickerMode="spinner"...>

但是如果我尝试设置

,则从DatePickerDialog的代码开始
dialogDatePicker.getDatePicker().setSpinnersShown(true);
dialogDatePicker.getDatePicker().setCalendarViewShown(false); 

这些属性不起作用,日历会继续显示!

public static class MyDatePicker extends DialogFragment implements DatePickerDialog.OnDateSetListener {
        int pYear;
        int pDay;
        int pMonth;

        @Override
        public Dialog onCreateDialog(Bundle savedInstanceState) {
            // Use the current date as the default date in the picker
            final Calendar c = Calendar.getInstance();
            int year = c.get(Calendar.YEAR);
            int month = c.get(Calendar.MONTH);
            int day = c.get(Calendar.DAY_OF_MONTH);
            DatePickerDialog dialogDatePicker = new DatePickerDialog(getActivity(), this, year, month, day);
            dialogDatePicker.getDatePicker().setSpinnersShown(true);
            dialogDatePicker.getDatePicker().setCalendarViewShown(false);
            return dialogDatePicker;
            // Create a new instance of DatePickerDialog and return it
            //return new DatePickerDialog(getActivity(), this, year, month, day);
        }

        public void onDateSet(DatePicker view, int year, int month, int day) {
            pYear = year;
            pDay = day;
            pMonth = month;
        }
    }

12 个答案:

答案 0 :(得分:45)

DatePickerDialog使用您的活动主题指定的对话框主题。这是一个完全指定的主题,这意味着您需要重新指定您在活动主题中设置的任何属性(例如日期选择器样式)。

<style name="MyAppTheme" parent="android:Theme.Material">
    <item name="android:dialogTheme">@style/MyDialogTheme</item>
    <item name="android:datePickerStyle">@style/MyDatePicker</item>
</style>

<style name="MyDialogTheme" parent="android:Theme.Material.Dialog">
    <item name="android:datePickerStyle">@style/MyDatePicker</item>
</style>

<style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
    <item name="android:datePickerMode">spinner</item>
</style>

注意:由于Issue 222208,这在Android N / API 24中无效。已在平台中修复了下一版本。 API 24设备没有可用的解决方法。

答案 1 :(得分:35)

将Holo_theme应用于为我工作的代码级别。

'Test if template exists in C:\
If Dir("C:\CBR_TEMPLATE_COVER.potx") = "" Then
    'Open/Save the embedded template to C:\
    Set tempPP = CreateObject("Powerpoint.Application")
    Worksheets("CBRDATA").OLEObjects("ppObj").Verb 0
    tempPP.Visible = True
    Set tempPres = tempPP.ActivePresentation
    tempPres.SaveCopyAs ("C:\CBR_TEMPLATE_COVER.potx")
    tempPres.Close
Else:
End If

' Create instance of PowerPoint
Set myPP = CreateObject("Powerpoint.Application")

答案 2 :(得分:9)

添加属性calendarViewShown并将其设置为false:

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

答案 3 :(得分:9)

您可以使用库来创建旧的&#34;微调器&#34;样式DatePicker只是三个NumberPicker放在一起:

https://github.com/drawers/SpinnerDatePicker

spinner date picker

首先,定义一个样式:

<style name="NumbePickerStyle">
    <item name="android:textSize">22dp</item>
    <item name="android:textColorPrimary">@color/colorAccent</item>
    <item name="android:colorControlNormal" tools:targetApi="lollipop">@color/colorAccent</item>
</style>

然后,

new SpinnerDatePickerDialogBuilder()
        .context(MainActivity.this)
        .callback(MainActivity.this)
        .spinnerTheme(spinnerTheme)
        .year(year)
        .monthOfYear(monthOfYear)
        .dayOfMonth(dayOfMonth)
        .build()
        .show();

免责声明:我是这个图书馆的作者

答案 4 :(得分:2)

你能试试吗

DatePickerDialog dialogDatePicker = new DatePickerDialog(getActivity(), this, year, month, day);
            dialogDatePicker.getDatePicker().setCalendarViewShown(false);
            return dialogDatePicker;

删除

dialogDatePicker.getDatePicker().setSpinnersShown(true);

答案 5 :(得分:2)

除了所有花哨的东西,使用带有&#34; int主题&#34;的DatePickerDialog构造函数。参数。 没有它,它似乎默认为任何int设置为CalendarView模式。 使用小整数(0,1,2,3 ...)它会给你一个微调器(至少在我的API 19应用程序在模拟器上运行)。 基本上,试试吧 new DatePickerDialog(getContext(),0,this,year,month,day) 注意那里的0(或1或2等)

注意: 我不确定是否有静态主题字段的某个列表,并使用硬编码的&#34; 0&#34;而不是&#34; Theme.HOLO_LIGHT&#34;或者其他什么可以在不同的设备上产生影响,但它以某种方式完成工作。

答案 6 :(得分:2)

<DatePicker
    android:id="@+id/datePicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:calendarViewShown="false"
    android:datePickerMode="spinner"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:theme="@style/NumberPickerStyle"
    tools:targetApi="lollipop" />

在对话框中添加此按钮即可完成。尽管android:datePickerMode可能会向您显示API 21和高警告,但它也应在早期版本的android中工作,因为DatePicker样式本身是旧样式。我在API 16及更高版本中测试了此实现,没有遇到任何问题。

Built-in Sass Support for Global Stylesheets

代码:

private fun showOldDatePickerDialog() {
    with(View.inflate(this, R.layout.old_style_date_picker, null)){
        AlertDialog.Builder(context)
                .setView(this)
                .setPositiveButton("Ok") { _, _ ->
                    Log.d("DatePicker","${this.datePicker.month.plus(1)} : ${this.datePicker.dayOfMonth} : ${this.datePicker.year}")
                }.create().also { it.show() }
    }
}

要更改文本大小,请将其添加到样式中。

<style name="NumberPickerStyle">
    <item name="android:textSize">21sp</item>
</style>

答案 7 :(得分:1)

试试这个对我有用,做一个自定义datelistener:

    @SuppressWarnings("deprecation")
    public void setDate(View view) {
        showDialog(999);
    }

    @SuppressWarnings("deprecation")
    protected Dialog onCreateDialog(int id) {
        // TODO Auto-generated method stub
        if (id == 999) {
            return new DatePickerDialog(this, myDateListener, year, month-1, day);
        }
        return null;
    }
    //THIS
    private DatePickerDialog.OnDateSetListener myDateListener= new DatePickerDialog.OnDateSetListener() {

        @Override
        public void onDateSet(DatePicker arg0, int arg1, int arg2, int arg3) {

            showDate(arg1, arg2+1, arg3);
        }
    };

    private void showDate(int year, int month, int day) {

        //dateView.setText(new StringBuilder().append(day).append("-")
               // .append(month).append("-").append(year));
    }

答案 8 :(得分:1)

与API级别24相关的与显示微调器和/或日历视图相关的DatePicker方法已弃用。方法setSpinnersShown(显示布尔值)和setCalendarViewShown(显示布尔值)已弃用,因为日历模式材质样式不支持该功能。

如果要在微调器模式下使用材质样式,请使用DatePicker小部件。

将以下样式应用于日期选择器xml元素以获取材质微调器。有关日期选择器和样式的更多信息,请参阅http://www.zoftino.com/android-datepicker-example

<style name="MyDatePickerSpinnerStyle" parent="@android:style/Widget.Material.DatePicker">
    <item name="android:datePickerMode">spinner</item>
    <item name="android:calendarViewShown">false</item>
    <item name="colorControlNormal">#d50000</item>
</style>

答案 9 :(得分:1)

步骤1:创建微调器/日历日期选择器布局

... / main / res / layout / spinner_date_picker_layout.xml

    <?xml version="1.0" encoding="utf-8"?>
    <DatePicker xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/datePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:datePickerMode="spinner"
        android:calendarViewShown="false" />

... / main / res / layout / calendar_date_picker_layout.xml

    <?xml version="1.0" encoding="utf-8"?>
    <DatePicker xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/datePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:datePickerMode="calendar" />

步骤2:在TextView上设置可点击的行为以显示“日期”对话框。

... / main / res / layout / activity_layout.xml

    <TextView
        android:id="@+id/dateText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:clickable="true"
        android:text="Date"
        android:onClick="@{() -> viewModel.onClickDate()}"></TextView>

第3步:在onClickDate上显示对话框

override fun onClickDate() {
        showDialogForDate()
}

步骤4:将DatePicker布局设置为对话框视图。

private fun showDialogForDate() {

    //Set spinner/calendar date picker layout
    val spinnerDatePicker = layoutInflater.inflate(R.layout.spinner_date_picker_layout, null)

    // On click listener for dialog buttons
    val dialogClickListener = DialogInterface.OnClickListener { _, which ->
        when (which) {
            DialogInterface.BUTTON_POSITIVE -> {
                activity!!.dateText.text = spinnerDatePicker.datePicker.dayOfMonth.toString() + "/" + (spinnerDatePicker.datePicker.month + 1) + "/" + spinnerDatePicker.datePicker.year
            }
            DialogInterface.BUTTON_NEGATIVE -> {

            }
        }
    }

    val builder = AlertDialog.Builder(context!!)
    builder.setTitle(resources.getString(R.string.dialog_title))
        .setView(spinnerDatePicker)
        .setPositiveButton("Ok", dialogClickListener)
        .setNegativeButton("Cancel", dialogClickListener)
        .create()
        .show()
}

答案 10 :(得分:0)

这个答案有点离题,但是提供了一种替代方法,它可以使用标准DatePicker,对某人有用。
现在是2019年,这个问题仍然存在。

  • android:datePickerMode="spinner"不适用于所有API
  • 不是每个开发人员都想要为一个如此简单的任务(具有相当不错的材质选择器)集成一个库。

从另一个角度来看,该小部件非常方便,问题是,并非所有的Android用户都知道他们可以打开年份选择部分,这使得年份选择变得容易:

enter image description here

这对于某些用户而言并不是最佳的UX,并且他们在选择出生日期方面遇到困难(某些用户只是轻扫日历直到达到所需的年份)

我最终找到了一种解决方法,可以执行以下操作之一:

  1. 最初显示DatePicker的用户年份选择视图(上图),然后他导航到日历视图
  2. 或显示常规的日历视图,突出显示带有波纹的“年”按钮(或以其他方式,例如“年”的背景变化使其看起来像按钮)。

请参见下面的动画,了解如何为用户提供不同的解决方案:

enter image description here

这是您需要的:

  1. 显示DatePickerDatePickerDialog或创建它的DialogFragment)。
  2. 获取“年份” TextView

    val yearTextview =dialog.findViewById<TextView>(context.resources
    ?.getIdentifier("android:id/date_picker_header_year", null, null)?: -1)
    
  3. 使用它做任何您想做的事,例如:

    • 以编程方式单击以选择年份部分:

    yearTextview?.performClick()

    • 显示后显示波纹效果(设置yearTextview?.isPressed = true一段时间)

    • 更改背景等。

缺点:如果ID将在下一个API中更改-则需要您相应地更改

答案 11 :(得分:0)

<DatePicker
    android:calendarViewShown="false"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:datePickerMode="spinner"/>

calendatViewShown将删除日历视图,并且必须将dataPickerMode设置为微调器以显示所需的微调器视图。