Android - selecionador de data
O selecionador de data do Android permite que você selecione a data que consiste em dia, mês e ano em sua interface de usuário personalizada. Para esta funcionalidade, o Android fornece os componentes DatePicker e DatePickerDialog.
Neste tutorial, vamos demonstrar o uso do Date Picker por meio de DatePickerDialog. DatePickerDialog é uma caixa de diálogo simples contendo DatePicker.
Para mostrar DatePickerDialog, você deve passar o id DatePickerDialog para o método showDialog (id_of_dialog) . Sua sintaxe é fornecida abaixo -
showDialog(999);
Ao chamar este método showDialog , outro método chamado onCreateDialog é chamado automaticamente. Portanto, temos que substituir esse método também. Sua sintaxe é fornecida abaixo -
@Override
protected Dialog onCreateDialog(int id) {
// TODO Auto-generated method stub
if (id == 999) {
return new DatePickerDialog(this, myDateListener, year, month, day);
}
return null;
}
Na última etapa, você deve registrar o ouvinte DatePickerDialog e substituir seu método onDateSet. Este método onDateSet contém o dia, mês e ano atualizados. Sua sintaxe é fornecida abaixo -
private DatePickerDialog.OnDateSetListener myDateListener = new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker arg0, int arg1, int arg2, int arg3) {
// arg1 = year
// arg2 = month
// arg3 = day
}
};
Além dos atributos de data do formulário, o objeto DatePicker também é passado para esta função. Você pode usar os seguintes métodos do DatePicker para realizar outras operações.
Sr. Não | Método e descrição |
---|---|
1 | getDayOfMonth() Este método obtém o dia do mês selecionado |
2 | getMonth() Este método obtém o mês selecionado |
3 | getYear() Este método obtém o ano selecionado |
4 | setMaxDate(long maxDate) Este método define a data máxima compatível com este DatePicker em milissegundos desde 1º de janeiro de 1970 00:00:00 no fuso horário getDefault () |
5 | setMinDate(long minDate) Este método define a data mínima compatível com este NumberPicker em milissegundos desde 1 de janeiro de 1970 00:00:00 no fuso horário getDefault () |
6 | setSpinnersShown(boolean shown) Este método define se os spinners são mostrados |
7 | updateDate(int year, int month, int dayOfMonth) Este método atualiza a data atual |
8 | getCalendarView() Este método retorna a visualização do calendário |
9 | getFirstDayOfWeek() Este método retorna o primeiro dia da semana |
Exemplo
Aqui está um exemplo que demonstra o uso da classe DatePickerDialog. Ele cria um aplicativo básico de selecionador de data que permite definir a data usando o widget DatePicker
Para experimentar este exemplo, você pode executá-lo em um dispositivo real ou em um emulador.
Passos | Descrição |
---|---|
1 | Você usará o Android Studio para criar um aplicativo Android e nomeá-lo como DatePicker em um pacote com.example.datepicker. |
2 | Modifique o arquivo src / MainActivity.java para adicionar o código necessário. |
3 | Modifique res / layout / activity_main para adicionar os respectivos componentes XML. |
4 | Modifique res / values / string.xml para adicionar os componentes de string necessários. |
5 | Execute o aplicativo e escolha um dispositivo Android em execução, instale o aplicativo nele e verifique os resultados. |
A seguir está o conteúdo do arquivo de atividade principal modificado src/com.example.datepicker/MainActivity.java.
package com.example.datepicker;
import java.util.Calendar;
import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.Dialog;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.DatePicker;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity {
private DatePicker datePicker;
private Calendar calendar;
private TextView dateView;
private int year, month, day;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
dateView = (TextView) findViewById(R.id.textView3);
calendar = Calendar.getInstance();
year = calendar.get(Calendar.YEAR);
month = calendar.get(Calendar.MONTH);
day = calendar.get(Calendar.DAY_OF_MONTH);
showDate(year, month+1, day);
}
@SuppressWarnings("deprecation")
public void setDate(View view) {
showDialog(999);
Toast.makeText(getApplicationContext(), "ca",
Toast.LENGTH_SHORT)
.show();
}
@Override
protected Dialog onCreateDialog(int id) {
// TODO Auto-generated method stub
if (id == 999) {
return new DatePickerDialog(this,
myDateListener, year, month, day);
}
return null;
}
private DatePickerDialog.OnDateSetListener myDateListener = new
DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker arg0,
int arg1, int arg2, int arg3) {
// TODO Auto-generated method stub
// arg1 = year
// arg2 = month
// arg3 = day
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));
}
}
A seguir está o conteúdo modificado do xml res/layout/activity_main.xml.
<?xml version="1.0" encoding="utf-8"?>
<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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="70dp"
android:onClick="setDate"
android:text="@string/date_button_set" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="24dp"
android:text="@string/date_label_set"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button1"
android:layout_marginTop="66dp"
android:layout_toLeftOf="@+id/button1"
android:text="@string/date_view_set"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/button1"
android:layout_below="@+id/textView2"
android:layout_marginTop="72dp"
android:text="@string/date_selected"
android:textAppearance="?android:attr/textAppearanceMedium" />
</RelativeLayout>
A seguir está o conteúdo do res/values/string.xml.
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">DatePicker</string>
<string name="action_settings">Settings</string>
<string name="hello_world">Hello world!</string>
<string name="date_label_set">Press the button to set the date</string>
<string name="date_button_set">Set Date</string>
<string name="date_view_set">The Date is: </string>
<string name="date_selected"></string>
</resources>
Vamos tentar executar nosso aplicativo DatePicker que acabamos de modificar. Suponho que você tenha criado o seuAVDao fazer a configuração do ambiente. Para executar o aplicativo do Eclipse, abra um dos arquivos de atividade do seu projeto e clique no ícone Executar na barra de ferramentas. O Eclipse instala o aplicativo em seu AVD e o inicia e se tudo estiver bem com sua configuração e aplicativo, ele será exibido na janela do emulador seguinte -
Agora você pode ver que a data já foi definida na etiqueta inferior. Agora vamos mudar a data através do DatePickerDialog pressionando o botão Set Date. Ao pressionar o botão a seguinte tela iria aparecer.
Agora defina a data desejada e, após definir a data, pressione o botão Concluído. Esta caixa de diálogo desaparecerá e a data recém-definida começará a ser exibida na tela. Isso é mostrado abaixo.