Java Android App Development Course, Various Dialogs

Dialogs in Android are powerful tools for interacting with users. They are used for various purposes such as alert messages, user input, selections, and displaying information. This article provides a detailed explanation of the concept and implementation of different types of dialogs, along with example code. Through this tutorial, you can learn the skills to effectively use dialogs in Android apps.

What is a Dialog?

A dialog is a small window for interaction with the user. It serves the purpose of providing or confirming necessary information to the user without interfering with the main UI of the app. Android provides several types of dialogs, which can improve user experience.

Types of Dialogs

Dialogs provided by Android can be broadly classified as follows:

  • AlertDialog: A common dialog used for various purposes such as alerts and information provision.
  • ProgressDialog: A dialog that shows the status of a process to the user during ongoing tasks (Note: This class is currently deprecated).
  • DatePickerDialog: A dialog for selecting dates.
  • TimePickerDialog: A dialog for selecting times.
  • Custom Dialog: A dialog with a user-defined UI.

1. AlertDialog

AlertDialog is the most common type of dialog that requests user selection or provides information. Below is a basic implementation example of AlertDialog.

import android.content.DialogInterface;
import android.os.Bundle;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

    private void showAlertDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("Notification");
        builder.setMessage("This is the dialog message.");
        
        // Positive button
        builder.setPositiveButton("OK", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                // Handle positive button click
            }
        });
       
        // Negative button
        builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                // Handle negative button click
            }
        });
        
        AlertDialog dialog = builder.create();
        dialog.show();
    }
}

Description: In the above code, AlertDialog.Builder is used to create the dialog. The dialog’s title and message are set, and positive and negative buttons are added. The actions upon button clicks are defined in the internal listeners.

2. ProgressDialog

Note: ProgressDialog is no longer recommended, so it is better to use alternative UI elements. For example, you can combine ProgressBar with DialogFragment to implement similar functionality.

import android.app.ProgressDialog;
import android.os.Bundle;
import android.os.Handler;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

    private void showProgressDialog() {
        ProgressDialog progressDialog = new ProgressDialog(this);
        progressDialog.setTitle("Loading");
        progressDialog.setMessage("Loading data...");
        progressDialog.setCancelable(false); // Not cancelable
      
        progressDialog.show();

        // Dismiss the dialog after 2 seconds
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                progressDialog.dismiss();
            }
        }, 2000);
    }
}

Description: The above code creates a ProgressDialog that is set to close after 2 seconds. It can visually indicate the loading status to the user.

3. DatePickerDialog

DatePickerDialog is a dialog that helps users select a date. The following example shows the basic usage of DatePickerDialog.

import android.app.DatePickerDialog;
import android.os.Bundle;
import android.widget.DatePicker;
import androidx.appcompat.app.AppCompatActivity;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity {

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

    private void showDatePickerDialog() {
        final Calendar calendar = Calendar.getInstance();
        int year = calendar.get(Calendar.YEAR);
        int month = calendar.get(Calendar.MONTH);
        int day = calendar.get(Calendar.DAY_OF_MONTH);
        
        DatePickerDialog datePickerDialog = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() {
            @Override
            public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
                // Handle selected date
            }
        }, year, month, day);
        
        datePickerDialog.show();
    }
}

Description: The selected date in DatePickerDialog can be handled in the onDateSet method. When the user selects a date, the selected year, month, and day are passed as parameters.

4. TimePickerDialog

TimePickerDialog helps users select a time. The following code is a basic implementation example of TimePickerDialog.

import android.app.TimePickerDialog;
import android.os.Bundle;
import android.widget.TimePicker;
import androidx.appcompat.app.AppCompatActivity;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity {

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

    private void showTimePickerDialog() {
        final Calendar calendar = Calendar.getInstance();
        int hour = calendar.get(Calendar.HOUR_OF_DAY);
        int minute = calendar.get(Calendar.MINUTE);
        
        TimePickerDialog timePickerDialog = new TimePickerDialog(this, new TimePickerDialog.OnTimeSetListener() {
            @Override
            public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                // Handle selected time
            }
        }, hour, minute, true);
        
        timePickerDialog.show();
    }
}

Description: The time selected by the user in TimePickerDialog is handled in the onTimeSet method, which receives the hour and minute values as parameters.

5. Custom Dialog

A Custom Dialog has a user-defined UI. You can create a dialog in your desired format using an XML layout. Below is an example of a Custom Dialog.

import android.app.Dialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

    private void showCustomDialog() {
        final Dialog dialog = new Dialog(this);
        dialog.setContentView(R.layout.custom_dialog);
        
        TextView dialogText = dialog.findViewById(R.id.dialog_text);
        Button dialogButton = dialog.findViewById(R.id.dialog_button);
        
        dialogText.setText("This is a custom dialog.");
        
        dialogButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
        
        dialog.show();
    }
}

Description: In the above example, custom_dialog.xml is the layout file defined by the user. The layout of the dialog is defined in XML and a dialog is created using the Dialog class.

custom_dialog.xml




    

    


Various Attributes of Dialogs

Dialogs can be adjusted with various attributes to improve user experience. Here are some attributes that can be set on a dialog:

  • Cancelable: You can allow the user to close the dialog by touching outside or pressing the ‘Back’ button.
  • Gravity: You can adjust the dialog’s position to be displayed at a specific spot on the screen.
  • Theme: You can change the dialog’s theme to match the design of the app.

Conclusion

In this tutorial, we learned how to create various types of dialogs in Android app development using Java. Dialogs play an important role in improving interaction with users and effectively conveying information. By learning the implementation of AlertDialog, ProgressDialog, DatePickerDialog, TimePickerDialog, and Custom Dialog, you can choose and use appropriate dialogs as needed. We hope you can create more attractive and user-friendly Android apps by utilizing these dialogs.

Additional Resources

You can find more information related to dialogs in the official Android developer documentation. Referring to the resources to create your own dialogs can also be a good experience.