Android 日期/时间轮选择器

Question

如何为时间选择器（以及日期选择器）实现这种布局？默认布局是（非常大的）时钟或（不漂亮的）微调器样式的时间选择器。我在几个应用程序中看到了这一点，但找不到如何实现这种外观和感觉。

Answer 1

为了将来可能需要此功能的任何人参考，只需在 android 小部件中选择一个 TimePicker，然后在 xml 文件中键入 android:timePickerMode="spinner"，即可实现此时间选择器微调器。

您的小部件 xml 代码应如下所示：

<TimePicker
    android:id="@+id/timePicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:timePickerMode="spinner" />

我的回答是基于documentation。

Answer 2

在我看来，实现这一目标的最简单方法是从 api 级别 21 开始：

<?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:gravity="center_horizontal"
    android:orientation="vertical"
    android:padding="8dp">

    <TimePicker
        android:id="@+id/timePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:timePickerMode="spinner" />

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

</LinearLayout>

你明白了：

Answer 3

这个例子有三个选择器：NumberPicker、DatePicker 和 TimerPicker。

https://github.com/rodrigobusata/android-pickers

或

仅使用不带库的示例并覆盖 Android 默认选择器。

Answer 4

你应该注意这个对话框是一个片段。

也就是说，主要思想是这样的： 当您需要启动此日期选择器时，您将显示该片段作为当前活动的覆盖。这个片段有一个日期选择监听器：当用户选择一个日期时启动的一个事件。好的，一切都很简单，直到这里。最难理解的将是最后一个：片段和活动之间的交互。做什么的？因为活动需要知道选择了哪个日期。为了实现这一点，Fragment 将具有一个由 Activity 实现的公共接口。

好，我们看代码：

MyActivity.java

public class MyActivity extends FragmentActivity implements DatePickerFragment.FragmentInteraction{

    @Override
    public void onCreate(Bundle savedInstanceState){
        Button showDatePickerButton = (Button)findViewById(R.id.dateButton);
        showDatePickerButtonsetOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                DialogFragment newFragment = new DatePickerFragment();
                newFragment.show(getSupportFragmentManager(), getString(R.string.datePickerTitle));
            }
        });
    }

    @Override
    public void doSomethingWithDate(int day, int month, int year) {
        Log.d("", "SELECTED DATE " + month + "/" + day  + "/" + year);
    }
}

DatePickerFragment.java

public class DatePickerFragment extends DialogFragment implements DatePickerDialog.OnDateSetListener{

    private FragmentInteraction mListener;

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        mListener = (FragmentInteraction) activity;
    }

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        //Show picker with actual date presetted
        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);

        // Create a new instance of DatePickerDialog and return it
        return new DatePickerDialog(getActivity(), this, year, month, day);
    }

    @Override
    public void onDateSet(DatePicker view, int anio, int mes, int dia) {
        mListener.doSomethingWithDate(dia, mes + 1, anio);
    }

    public interface FragmentInteraction{
        public void doSomethingWithDate(int dia, int mes, int anio);
    }
}

Answer 5

像这样在 xml 中添加 timepickermode <TimePicker android:id="@+id/time" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:gravity="center" android:timePickerMode="spinner" android:text="TimePicker" android:textSize="18sp" android:textColor="@android:color/black" android:textStyle="bold"/>