DatePickerDialog in Sketchware



To create a DatePickerDialog in Sketchware android project follow the steps given below.

1. In VIEW area of your sketchware android project, insert a LinearH and inside it insert a TextView textview1, an EditText edittext1 and an ImageView imageview1.

For textview1 write text as 'Date:'. For edittext1 write hint as dd/mm/yyyy and deselect 'enabled' in it's properties.

2. Choose image of a Calendar using image manager and set it as image of imageview1.

3. In LOGIC area add a new String variable date.

4. In onCreate event, insert an add source directly block and put following code in it:
}
public void showDatePickerDialog(View v) {
DialogFragment newFragment = new DatePickerFragment();
newFragment.show(getFragmentManager(), "datePicker");
}
public class DatePickerFragment 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);
return new DatePickerDialog(getActivity(), this, year, month, day);
}
public void onDateSet(DatePicker view, int year, int month, int day) {
int mon = month +1;
date = day + "/" + mon + "/" + year;
edittext1.setText(date);
}

5. Add a new event imageview1 onClick. In the event insert an add source directly block and put following code:
showDatePickerDialog(imageview1);
6. Save and run the project. Now on clicking the ImageView DatePickerDialog will appear.

DatePickerDialog in Sketchware:
https://youtu.be/uHopFOmcOyQ
Gestational Age Calculator using DatePickerDialog in Sketchware:
https://youtu.be/DPkgFeCUftA
http://www.sketchwarehelp.com/2018/03/datepickerdialog-in-sketchware.html