DatePickerDialog. Виджет выбора даты

| 09.08.2014

В этом уроке мы разберем пример создания виджета для выбора даты — DatePickerDialog. Код практически полностью аналогичен созданию виджета для выбора времени — TimePicker.

DatePickerDialog

Итак, создадим простое приложение с одной кнопкой и TextView. По нажатию на кнопке открываем DatePickerDialog, а после выбора даты устанавливаем ее в TextView.

Добавим строковые ресурсы res/values/strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">DatePicker</string>
    <string name="choose_date">Выберите дату</string>
    <string name="ready">Готово</string>
</resources>

Наш layout — res/layout/activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <TextView
        android:text="@string/app_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tv" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="click!"
        android:id="@+id/button"
        android:layout_below="@+id/tv"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="116dp"
        android:onClick="onClick"/>

</RelativeLayout>

Получится такая картинка:

DatePickerDialog

Код фрагмента для создания диалога и обработки полученного результата — DatePicker.java

package ru.androiddocs.datepicker;

import android.app.AlertDialog;
import android.app.DatePickerDialog;
import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.support.v4.app.DialogFragment;
import android.widget.Button;
import android.widget.TextView;

import java.util.Calendar;

public class DatePicker extends DialogFragment
        implements DatePickerDialog.OnDateSetListener {

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {

        // определяем текущую дату
        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 и возвращаем его
        Dialog picker = new DatePickerDialog(getActivity(), this, 
                year, month, day);
        picker.setTitle(getResources().getString(R.string.choose_date));

        return picker;
    }
    @Override
    public void onStart() {
        super.onStart();
        // добавляем кастомный текст для кнопки
        Button nButton =  ((AlertDialog) getDialog())
                .getButton(DialogInterface.BUTTON_POSITIVE);
        nButton.setText(getResources().getString(R.string.ready));

    }

    @Override
    public void onDateSet(android.widget.DatePicker datePicker, int year, 
            int month, int day) {

        TextView tv = (TextView) getActivity().findViewById(R.id.tv);
        tv.setText(day + "-" + month + "-" + year);
    }
}

Здесь все как и для виджета выбора времени. Определяем текущую дату в методе onCreateDialog(), создаем экземпляр класса DatePickerDialog(), добавляем нужные параметры и возвращаем полученный объект.

Код для MainActivity.java

package ru.androiddocs.datepicker;

import android.support.v4.app.DialogFragment;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;


public class MainActivity extends ActionBarActivity {

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

    public void onClick(View v) {
        DialogFragment dateDialog = new DatePicker();
        dateDialog.show(getSupportFragmentManager(), "datePicker");
    }
}

В обработчике клика onClick() создаем DialogFragment и запускаем показ show().

DatePickerDialog

DatePickerDialog

Язык в виджете используется такой же, как и на мобильном устройстве. Если мы изменим настройки локали на эмуляторе в настройках на русский язык, то виджет будет отображать русские названия месяцев.

DatePickerDialog

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*