如何修复Android 7.0中Spinner模式下的DatePickerDialog？

Question

我目前正在开发一个简单的项目，其中包含一个网站和一个Web视图，以及一些小交互，以提高网站本身与Android移动设备之间的互动性。

由于该网站包括用户出生日期的日期输入字段，因此我希望实现一个在所有设备上都兼容的微调器格式的日期选择器。

我尝试了以下解决方案：

`<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>`

如下所示：

如所示：

但是，正如答案所指出的那样，由于以下已知错误，此解决方案不适用于Android 7.0 Nougat / API 24：https://issuetracker.google.com/issues/37119315

通过一些研究，我发现了一些提出的解决方案，例如：

https://gist.github.com/uqmessias/d9a8dc624af935f344dfa2e8928490ec

https://gist.github.com/lognaturel/232395ee1079ff9e4b1b8e7096c3afaf

DatePickerDialog Holo styling failed on Android 7 Nougat

然而，在我的情况下，它们似乎都不适用于Android 7.0或任何其他设备。

我在Android开发方面非常缺乏经验，所以我想知道是什么原因导致这种情况以及我该如何解决它，因为其中一些解决方案最近一直得到维护，这几乎排除了它们可能已经过时的可能性。

我需要实现代码中没有指出但我不知道的东西吗？

是日期选择器元素直接从Web视图调用而不是从应用程序本身调用导致这些解决方案对我无效吗？如果是这样，是否有任何解决方法？

- Oranakia

---

你想要一个Spinner的原因是为了更容易地选择过去的年份（方便生日）吗？如果是这样，你也可以强制日期选择器首先进入年份选择模式（这对我有用，因为正如你所指出的，在API 24中强制使用Spinner似乎不起作用）。 - Tyler V

@TylerV 听起来是个不错的选择。我之前并没有意识到这是一个可能性。你有什么步骤可以让我跟着做吗？另外，感谢你的快速回复。 - Oranakia

当然，我会发布一个相关的答案。 - Tyler V

Answer 1

我遇到了相同的问题（用户不想逐月向前滚动40年以找到他们的出生年份，而且大多数人不知道您可以在Android日期选择器中单击年份来滚动年份）。像你一样，我无法使下拉列表通用，所以我想出了一个方法（在SO和Google的帮助下），如何使它开始在年份选择模式。

下面是我的DatePickerDialogFragment代码：

public class DatePickerDialogFragment extends DialogFragment {

    private DatePickerDialog.OnDateSetListener listener = null;

    void setListener(DatePickerDialog.OnDateSetListener listener) {
        this.listener = listener;
    }

    private static final String START_IN_YEARS = "com.myapp.picker.START_IN_YEARS";
    private static final String YEAR = "com.myapp.picker.YEAR";
    private static final String MONTH = "com.myapp.picker.MONTH";
    private static final String DAY_OF_MONTH = "com.myapp.picker.DAY_OF_MONTH";

    public static DatePickerDialogFragment newInstance(boolean startInYears, Calendar c) {
        DatePickerDialogFragment f = new DatePickerDialogFragment();

        int year = c.get(Calendar.YEAR);
        int month = c.get(Calendar.MONTH);
        int day = c.get(Calendar.DAY_OF_MONTH);

        Bundle args = new Bundle();
        args.putBoolean(START_IN_YEARS, startInYears);
        args.putInt(YEAR, year);
        args.putInt(MONTH, month);
        args.putInt(DAY_OF_MONTH, day);

        f.setArguments(args);
        return f;
    }

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {

        Bundle args = getArguments();
        DatePickerDialog dpd = null;

        if( listener != null && args != null) {
            boolean startInYears = args.getBoolean(START_IN_YEARS);

            Context context = getActivity();
            boolean requireSpinnerMode = isBrokenSamsungDevice();
            if (requireSpinnerMode) {
                context = new ContextThemeWrapper(context, android.R.style.Theme_Holo_Light_Dialog);
            }

            int year = args.getInt(YEAR);
            int month = args.getInt(MONTH);
            int day = args.getInt(DAY_OF_MONTH);

            dpd = new DatePickerDialog(context, listener, year, month, day);

            if (startInYears && !requireSpinnerMode) {
                boolean canOpenYearView = openYearView(dpd.getDatePicker());
                if (!canOpenYearView) {
                    context = new ContextThemeWrapper(getActivity(), android.R.style.Theme_Holo_Light_Dialog);
                    dpd = new DatePickerDialog(context, listener, year, month, day);
                }
            }
        }
        else {
            setShowsDialog(false);
            dismissAllowingStateLoss();
        }

        return dpd;
    }

    private static boolean isBrokenSamsungDevice() {
        return Build.MANUFACTURER.equalsIgnoreCase("samsung") &&
                isBetweenAndroidVersions(
                        Build.VERSION_CODES.LOLLIPOP,
                        Build.VERSION_CODES.LOLLIPOP_MR1);
    }

    private static boolean isBetweenAndroidVersions(int min, int max) {
        return Build.VERSION.SDK_INT >= min && Build.VERSION.SDK_INT <= max;
    }

    private static boolean openYearView(DatePicker datePicker) {
        if( isBrokenSamsungDevice() ) {
            return false;
        }

        View v = datePicker.findViewById(Resources.getSystem().getIdentifier("date_picker_header_year", "id", "android"));
        if( v != null ) {
            v.performClick();
        }
        else {
            try {
                Field mDelegateField = datePicker.getClass().getDeclaredField("mDelegate");
                mDelegateField.setAccessible(true);
                Object delegate = mDelegateField.get(datePicker);
                Method setCurrentViewMethod = delegate.getClass().getDeclaredMethod("setCurrentView", int.class);
                setCurrentViewMethod.setAccessible(true);
                setCurrentViewMethod.invoke(delegate, 1);
            } catch (Exception e) {
                e.printStackTrace();
                return false;
            }
        }
        return true;
    }
}

启动并在屏幕旋转时保留此操作的Activity中的代码（成员变量和onCreate中的内容）如下所示：

// Class member variables
private Calendar myCalendar = Calendar.getInstance();
private boolean birthday_is_set = false;


// this next part is in onCreate

// set the calendar date to a saved date if applicable
// and change birthday_is_set if they had saved a birthday


final DatePickerDialog.OnDateSetListener birthdayListener = new DatePickerDialog.OnDateSetListener() {

    @Override
    public void onDateSet(DatePicker view, int year, int monthOfYear,
                          int dayOfMonth) {
        // I save the date in a calendar, replace this
        // with whatever you want to do with the selected date
        myCalendar.set(Calendar.YEAR, year);
        myCalendar.set(Calendar.MONTH, monthOfYear);
        myCalendar.set(Calendar.DAY_OF_MONTH, dayOfMonth);
        birthday_is_set = true;
        updateBirthdayLabel();
    }
};

if (savedInstanceState != null) {
    DatePickerDialogFragment dpf;

    dpf = (DatePickerDialogFragment) getFragmentManager().findFragmentByTag("birthdayDatePicker");
    if (dpf != null) {
        // on rotation the listener will be referring to the old Activity,
        // so we have to reset it here to act on the current Activity
        dpf.setListener(birthdayListener);
    }
}

birthdayDatePicker.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // Your logic may vary here. I chose not to start it in year
        // mode if they've already selected a date.
        boolean startInYears = !birthday_is_set;
        DatePickerDialogFragment dpf = DatePickerDialogFragment.newInstance(startInYears, myCalendar);
        dpf.setListener(birthdayListener);
        dpf.show(getFragmentManager(), "birthdayDatePicker");
    }
});

这包括了启动年视图的hack，以及修复某些旧款三星设备上随机日期选择器故障的方法。该版本已经在API 15+上运行数月，没有崩溃或用户投诉。

编辑：更新openYearView以在Android 10上工作。

- Tyler V

---

我注意到你调用了一个onClick事件来设置和调用片段。鉴于我使用了webView中的输入字段，我没有这样的事件。在这种情况下，我能否从我的WebViewInterface函数中触发调用？或者将birthdayDatePicker.setOnClickListener的内容移动会破坏整个程序吗？ - Oranakia

另外，我也不知道年份可以点击，所以最坏的情况下我只会提示用户这样做。这已经比我原先的方法要好得多了。 - Oranakia

你需要将 onClick 中的内容移动到启动 DatePicker 的位置。在 birthdayListener 中（在 onDateSet 方法中），处理用户从日期选择器中选择日期后要执行的操作。 - Tyler V

Answer 2

如果有人对于在WebView中使DatePicker正常工作而不需要添加JS接口来手动调用自己的DatePicker感兴趣，这里有一个解决方案可以覆盖你应用中的所有DatePicker：

https://github.com/Noisyfox/DatePickerForceSpinner

此修复程序也适用于通过LayoutInflater创建的任何DatePicker，因此您无需担心更改现有的布局文件。

- Noisyfox