2013-05-22 2 views
6

Ho appena iniziato a imparare Android come un hobby e vorrei creare una finestra di dialogo con due datepickerCome posso creare una finestra di dialogo personalizzata con due datepicker?

final Dialog dialog = new Dialog(this); 
dialog.setContentView(R.layout.data_picker_dialog); 
dialog.setTitle(R.string.date_period_picker); 
dialog.show(); 
return true; 

Come posso ottenere i valori selezionati dalla finestra? C'è la possibilità di includere automaticamente il pulsante OK/Annulla nella finestra di dialogo?

Esiste una libreria con tale funzionalità (data di inizio e fine/periodo selezionato)?

+0

aggiungere due selezione data in una finestra di xml. Utilizzare OnDateChangedaListener per ascoltare le modifiche. Usa setNegativeButton per "Annulla" e setPositiveButton per "Ok" – Milan

risposta

12

Probabilmente è meglio leggere su Dialogs e Pickers prima.

Per quanto riguarda l'implementazione, è possibile avere due pulsanti: uno per mostrare una selezione data per la data di inizio e un'altra per la data di fine.

Modifica: se si desidera visualizzare 2 selettori di data in 1 finestra di dialogo, ecco un esempio di come farlo. Innanzitutto, crea un layout XML personalizzato.

/res/layout/custom_date_picker.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 

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

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

</LinearLayout> 

successivo è quello di utilizzare il layout di cui sopra in una finestra di dialogo:

// These variables will hold the date values later 
private int startYear, startMonth, startDay, endYear, endMonth, endDay; 

/** 
* Displays the start and end date picker dialog 
*/ 
public void showDatePicker() { 
    // Inflate your custom layout containing 2 DatePickers 
    LayoutInflater inflater = (LayoutInflater) getLayoutInflater(); 
    View customView = inflater.inflate(R.layout.custom_date_picker, null); 

    // Define your date pickers 
    final DatePicker dpStartDate = (DatePicker) customView.findViewById(R.id.dpStartDate); 
    final DatePicker dpEndDate = (DatePicker) customView.findViewById(R.id.dpEndDate); 

    // Build the dialog 
    AlertDialog.Builder builder = new AlertDialog.Builder(this); 
    builder.setView(customView); // Set the view of the dialog to your custom layout 
    builder.setTitle("Select start and end date"); 
    builder.setPositiveButton("OK", new DialogInterface.OnClickListener(){ 
     @Override 
     public void onClick(DialogInterface dialog, int which) { 
      startYear = dpStartDate.getYear(); 
      startMonth = dpStartDate.getMonth(); 
      startDay = dpStartDate.getDayOfMonth(); 
      endYear = dpEndDate.getYear(); 
      endMonth = dpEndDate.getMonth(); 
      endDay = dpEndDate.getDayOfMonth(); 
      dialog.dismiss(); 
     }}); 

    // Create and show the dialog 
    builder.create().show(); 
} 

Infine, è possibile mostrare questa finestra semplicemente chiamando showDatePicker().

+2

Questa è anche una soluzione, ma la soluzione migliore per avere entrambi in una finestra di dialogo. –

+0

Aggiornato la mia risposta per mostrare un esempio. – Krauxe

+0

Funziona perfettamente. Grande esempio. – DroidT

0

Semplicemente si desidera creare il selettore di date nel proprio layout xml (data_picker_dialog). E ottieni dati dal tuo ID

1

Lo stesso vale per il layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical" > 
<DatePicker 
     android:id="@+id/datePicker1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 

<DatePicker 
     android:id="@+id/datePicker2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 
</LinearLayout>