Add switch button in Alert Dialog title bar in Android

Question

How to add a switch button in the title bar of alert dialog? As an example see the Wi-Fi options screenshot. As you can see there is a switch toggle button inside the title in Wi-Fi options. Is it possible to create a custom Alert Dialog to add a switch toggle button inside the title bar of the Alert Dialog? The code given below is for the screen shot number 2 and I have marked in it where I want it to be added. Please help me and put me in the right direction.

                        alertDialogBuilder = new AlertDialog.Builder(context);
                        alertDialogBuilder.setTitle("Recording Timer");
                        LinearLayout LL = new LinearLayout(context);
                        LL.setFocusable(true);
                        LL.setFocusableInTouchMode(true);
                        LL.setOrientation(LinearLayout.HORIZONTAL);
                        final TextView secondsTextView = new TextView(context);
                        final TextView minutesTextView = new TextView(context);
                        final TextView hoursTextView = new TextView(context);
                        secondsTextView.setText("seconds");
                        minutesTextView.setText("minutes");
                        hoursTextView.setText("hours");
                        LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        lp.gravity = Gravity.CENTER_HORIZONTAL | Gravity.CENTER_VERTICAL;
                        lp.setMargins(0, 15, 0, 0);
                        LL.setLayoutParams(lp);
                        LinearLayout.LayoutParams lp11 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        lp11.setMargins(79, 0, 0, 0);
                        LL.addView(hoursTextView, lp11);
                        LinearLayout.LayoutParams lp22 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        lp22.setMargins(107, 0, 0, 0);
                        LL.addView(minutesTextView, lp22);
                        LinearLayout.LayoutParams lp33 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        lp33.setMargins(98, 0, 0, 0);
                        LL.addView(secondsTextView, lp33);
                        LinearLayout LL1 = new LinearLayout(context);
                        LL1.setOrientation(LinearLayout.HORIZONTAL);
                        secondsPicker = new NumberPicker(context);
                        minutesPicker = new NumberPicker(context);
                        hoursPicker = new NumberPicker(context);
                        secondsPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
                            @Override
                            public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
                                if(newVal==0 && minutesPicker.getValue()==0 && hoursPicker.getValue()==0) {
                                    alertDialog1.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(false);
                                } else {
                                    alertDialog1.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(true);
                                }
                            }
                        });
                        minutesPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
                            @Override
                            public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
                                if(newVal==0 && secondsPicker.getValue()==0 && hoursPicker.getValue()==0) {
                                    alertDialog1.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(false);
                                } else {
                                    alertDialog1.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(true);
                                }
                            }
                        });
                        hoursPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
                            @Override
                            public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
                                if(newVal==0 && minutesPicker.getValue()==0 && secondsPicker.getValue()==0) {
                                    alertDialog1.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(false);
                                } else {
                                    alertDialog1.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(true);
                                }
                            }
                        });
                        secondsPicker.setMaxValue(59);
                        secondsPicker.setMinValue(0);
                        minutesPicker.setMaxValue(59);
                        minutesPicker.setMinValue(0);
                        hoursPicker.setMaxValue(23);
                        hoursPicker.setMinValue(0);
                        if (timedRecordingIsOn  || timedRecordingDialogOpened) {
                            secondsPicker.setValue(secondsNumberPickerInt);
                            minutesPicker.setValue(minutesNumberPickerInt);
                            hoursPicker.setValue(hoursNumberPickerInt);
                        }
                        timedRecordingDialogOpened = true;
                        LinearLayout.LayoutParams lp110 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        lp110.gravity = Gravity.CENTER_HORIZONTAL | Gravity.CENTER_VERTICAL;
                        lp110.setMargins(0, 40, 0, 0);
                        LL1.setLayoutParams(lp110);
                        LinearLayout.LayoutParams lp1 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        lp1.setMargins(52, 0, 0, 0);
                        LL1.addView(hoursPicker, lp1);
                        LinearLayout.LayoutParams lp2 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        lp2.setMargins(62, 0, 0, 0);
                        LL1.addView(minutesPicker, lp2);
                        LinearLayout.LayoutParams lp3 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        lp3.setMargins(72, 0, 0, 0);
                        LL1.addView(secondsPicker, lp3);
                        RelativeLayout relativeLayout1 = new RelativeLayout(context);
                        relativeLayout1.addView(LL);
                        relativeLayout1.addView(LL1);
                        alertDialogBuilder.setView(relativeLayout1);
                        DialogInterface.OnClickListener dialogClickListener = new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                switch (which) {
                                    case DialogInterface.BUTTON_POSITIVE:
                                        secondsNumberPickerInt = secondsPicker.getValue();
                                        minutesNumberPickerInt = minutesPicker.getValue();
                                        hoursNumberPickerInt = hoursPicker.getValue();
                                        timeRecordingInMilliSeconds = (hoursPicker.getValue() * 3600000) + (minutesPicker.getValue() * 60000) + (secondsPicker.getValue() * 1000);
                                        timedRecordingIsOn = true;
                                        timedRecordingDialogOpened = false;
                                        timedRecordingTextView.setText("Timer set for: " + (hoursPicker.getValue() == 0 ? "00" : hoursPicker.getValue()) + ":" + (minutesPicker.getValue() == 0 ? "00" : minutesPicker.getValue()) + ":" + (secondsPicker.getValue() == 0 ? "00" : secondsPicker.getValue()));
                                        timedRecordingTextView.setVisibility(View.VISIBLE);
                                        //  button.performClick();
                                        break;
                                    case DialogInterface.BUTTON_NEGATIVE:
                                        if (timedRecordingIsOn) {
                                            timedRecordingIsOn = false;
                                            timedRecordingTextView.setVisibility(View.INVISIBLE);
                                        }
                                        timeRecordingInMilliSeconds = 0;
                                        secondsNumberPickerInt = 0;
                                        minutesNumberPickerInt = 0;
                                        hoursNumberPickerInt = 0;
                                        timedRecordingDialogOpened = false;
                                        break;
                                }
                            }
                        };
                        alertDialogBuilder.setPositiveButton("SET TIMER", dialogClickListener);
                        if (timedRecordingIsOn) {
                            alertDialogBuilder.setNegativeButton("CANCEL TIMER", dialogClickListener);
                        } else {
                            alertDialogBuilder.setNegativeButton("CANCEL", dialogClickListener);
                        }
                        alertDialog1 = alertDialogBuilder.create();
                        alertDialog1.setOnCancelListener(
                                new DialogInterface.OnCancelListener() {
                                    @Override
                                    public void onCancel(DialogInterface dialog) {  //When you touch outside of dialog bounds, the dialog gets canceled and this method executes.
                                        timeRecordingInMilliSeconds = 0;
                                        secondsNumberPickerInt = 0;
                                        minutesNumberPickerInt = 0;
                                        hoursNumberPickerInt = 0;
                                        timedRecordingDialogOpened = false;
                                    }
                                }
                        );
                        alertDialog1.show();
                        LL.requestFocus();
                        secondsPicker.clearFocus();
                        if(!timedRecordingIsOn && savedInstanceState!=null) {
                            alertDialog1.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(false);
                        }
                        if(savedInstanceState!=null) {
                            if(secondsNumberPickerInt==0 &&  minutesNumberPickerInt ==0 && hoursNumberPickerInt == 0) {
                                alertDialog1.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(false);
                            }

Use a Custom Layout (via xml layout file) for your AlertDialog, and place the switch button there as you want. See [documentation](https://developer.android.com/guide/topics/ui/dialogs.html#CustomLayout) on custom alert dialogs. — Kunal Chawla, Jun 14 '17 at 09:42

Raj · Accepted Answer · 2017-06-14T12:51:07.350

Note: Follow any one of the method & MainActivity.this replace with your context

If U need java code follow this

    final AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
            dialog.setCancelable(false);
            final TextView titleTextView = new TextView(MainActivity.this);
            titleTextView.setText("Title");
            titleTextView.setTextColor(Color.RED);
            Switch switchval=new Switch(MainActivity.this);
            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams)button.getLayoutParams();
            params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
            switchval.setLayoutParams(params);
            RelativeLayout relative=new RelativeLayout(MainActivity.this);
            relative.addView(titleTextView);
            relative.addView(switchval);
            dialog.setCustomTitle(relative);
            /*Your Numberpickerview example is following*/
            //dialog.setView(yourcustomview);
            dialog.create().show();

--------------------------------------------------------------------------------

Type XML: if u want xml code follow this

      final AlertDialog.Builder dialog1 = new AlertDialog.Builder(MainActivity.this);
            dialog1.setCancelable(false);
            dialog1.setCustomTitle(getLayoutInflater().inflate(R.layout.btn_share,null));
            //dialog1.setView(/*Your number picker view*/);
            dialog1.create().show();

btn_share.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Title"
    android:paddingLeft="10dp"
    android:layout_gravity="center"
    android:textColor="@color/colorAccent"/>

 <Switch
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentEnd="true"
   android:layout_alignParentRight="true"
   android:layout_marginRight="15dp"/>
</RelativeLayout>

Thank you very much for this answer. – Ali Jun 14 '17 at 14:59 — Ali, Jun 14 '17 at 14:59

score 0 · Answer 2 · answered Jun 14 '17 at 09:44

0

Add switch button in Alert Dialog title bar in Android

You can use a custom layout which includes both title and body and then hide the default implementation.

    AlertDialog.Builder dialogBuilder = new AlertDialog.Builder(this);
LayoutInflater inflater = this.getLayoutInflater();
View dialogView = inflater.inflate(R.layout.custom_dialog, null);
dialogBuilder.setView(dialogView);

You can hide the title of a dialog using:

dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);

answered Jun 14 '17 at 09:44

Darish

11,032
5
50
70

This would make it look like the Dialog's position has moved a little to the bottom because there would be no title bar but a custom title which actually inside the body? – Ali Jun 14 '17 at 09:56
I am trying to use alertDialog1.requestWindowFeature(Window.FEATURE_NO_TITLE); in my current code but it is not working. – Ali Jun 14 '17 at 10:02

score 0 · Answer 3 · answered Jun 14 '17 at 10:21

My suggestion for this is to create layout file for Custom dialog and do like this it will be helpful.

 final Dialog dialog = new Dialog(getContext());
            dialog.setCancelable(false);
            dialog.setContentView(R.layout.your_dialog_layout);
            dialog.setTitle("Dialog Title");

            //views inside your layout declare and cast here
            //e.g. final Button btn = (Button)dialog.findViewById(R.id.btn);


            //after all view casting and onClickListeners show your dialog
            dialog.show();

score 0 · Answer 4 · answered Jun 14 '17 at 10:24

try to implement one layout file and inflate when alert dialog is open and give toggle button in this layout

final Dialog dialog = new Dialog(getContext());
        dialog.setCancelable(false);
        dialog.setContentView(R.layout.your_dialog_layout);
        dialog.setTitle("Dialog Title");

        //views inside your layout declare and cast here
        //e.g. final Button btn = (Button)dialog.findViewById(R.id.btn);


        //after all view casting and onClickListeners show your dialog
        dialog.show();

Add switch button in Alert Dialog title bar in Android

4 Answers4

--------------------------------------------------------------------------------