Android中基本Dialog對話框

基本對話框介紹

對話框 用法
普通 AlertDialog.Builder()
單選 AlertDialog.Builder() - setSingleChoiceItems()
多選 AlertDialog.Builder() - setMultiChoiceItems()
日期 DatePickerDialog - new DatePickerDialog(context,DatePickerDialog.OnDateSetListener,year,month,day);
時間 TimePickerDialog - new TimePickerDialog(context, TimePickerDialog.OnTimeSetListener,時,分,是否24進制);
水平 ProgressDialog - setStyle(ProgressDialog.STYLE_HORIZONTAL)
圓圈 ProgressDialog - setStyle(ProgressDialog.STYLE_SPINNER)
自定義 AlertDialog.Builder() - setView()

1.普通對話框

在這裏插入圖片描述
代碼如下:

private void SimpleDialog() {
    btn1 = (Button) findViewById(R.id.btn_1);
    btn1.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //創建構造者
            AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
            //添加對話框內容
            builder.setIcon(R.mipmap.ic_launcher);
            builder.setTitle("對話框");
            builder.setMessage("確認刪除嗎?");
            builder.setPositiveButton("確認", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    Toast.makeText(MainActivity.this, "確認刪除", Toast.LENGTH_SHORT).show();
                }
            });
            builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    Toast.makeText(MainActivity.this, "取消刪除", Toast.LENGTH_SHORT).show();
                }
            });
            //創建對話框
            AlertDialog alertDialog = builder.create();
            //顯示對話框
            alertDialog.show();
        }
    });
}

2.單選對話框

在這裏插入圖片描述
代碼如下:

private void SelectDialog() {
    btn2 = (Button) findViewById(R.id.btn_2);
    btn2.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
            builder.setIcon(R.mipmap.ic_launcher_round);
            builder.setTitle("單選框");

            builder.setPositiveButton("確認", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    Toast.makeText(MainActivity.this, "確認", Toast.LENGTH_SHORT).show();
                }
            });

            final String[] str = {"java", "php", "python"};

            builder.setSingleChoiceItems(str, 2, new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    Toast.makeText(MainActivity.this, "" + str[which], Toast.LENGTH_SHORT).show();
                }
            });

            //創建對話框
            AlertDialog alertDialog = builder.create();
            //顯示對話框
            alertDialog.show();
        }
    });
}

3.複選對話框

在這裏插入圖片描述
代碼如下:

private void MuliteDialog() {
    btn3 = findViewById(R.id.btn_3);
    btn3.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //初始化數據
            final String[] str = {"java", "php", "python"};
            final boolean[] booleans = {false, false, false};

            AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
            builder.setIcon(R.mipmap.ic_launcher_round);
            builder.setTitle("複選框");

            builder.setMultiChoiceItems(str, booleans, new DialogInterface.OnMultiChoiceClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which, boolean isChecked) {
                    booleans[which] = isChecked;
                }
            });
            builder.setPositiveButton("確認", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    for (int i = 0; i < booleans.length; i++) {
                        if (booleans[i]) {
                            int count = i + 1;
                            Toast.makeText(MainActivity.this, "勾選" + count + "項", Toast.LENGTH_SHORT).show();
                        }
                    }
                }
            });
            //創建對話框
            AlertDialog alertDialog = builder.create();
            //顯示對話框
            alertDialog.show();
        }
    });
}

4.自定義message對話框

在這裏插入圖片描述
代碼如下:

private void CustomMsgDialog() {
    btn4 = findViewById(R.id.btn_4);
    btn4.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
            builder.setTitle("自定義對話框");
            View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.customer_dialog, null);
            final TextView tv_msg = view.findViewById(R.id.tv_msg);
            tv_msg.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(MainActivity.this, "" + tv_msg.getText(), Toast.LENGTH_SHORT).show();
                }
            });
            //將視圖插入到對話框中
            builder.setView(view);
            //確定按鈕
            builder.setPositiveButton("OK", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    Toast.makeText(MainActivity.this, "確定", Toast.LENGTH_SHORT).show();
                }
            });
            AlertDialog alertDialog = builder.create();
            alertDialog.show();
        }
    });
}

5.水平進度對話框

在這裏插入圖片描述
代碼如下:

private void PlaneProgressDialog() {
        btn5 = findViewById(R.id.btn_5);
        btn5.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                final ProgressDialog progressDialog = new ProgressDialog(MainActivity.this);
                progressDialog.setMessage("正在下載...");
                //設置風格
                //水平
                progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
                //模糊(圓圈)
//                progressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
                progressDialog.setMax(100);
                progressDialog.show();
                //模擬定時器
                final Timer timer = new Timer();
                /**
                 * 三個參數
                 * 1.TimerTask任務
                 * 2.幾秒後執行
                 * 3.每隔幾秒執行一次
                 */
                timer.schedule(new TimerTask() {
                    int progress = 0;

                    @Override
                    public void run() {
                        if (progress == 100) {
                            timer.cancel();//取消定時器
                            progressDialog.dismiss();//消失
                        }
                        progressDialog.setProgress(progress++);
                    }
                }, 1, 100);//1秒後執行,每隔100毫秒執行一次
            }
        });
    }

6.日期對話框

在這裏插入圖片描述

代碼如下:

private void DataDialog() {
/**
         *
         *
         * @param context 上下文
         * @param listener 監聽器
         * @param year 默認的年
         * @param month 默認的月
         * @param dayOfMonth 默認的日
         */
   btn6 = findViewById(R.id.btn_6);
    btn6.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //獲取日曆對象
            final Calendar calendar = Calendar.getInstance();
            new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener() {
                @Override
                public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
                    Toast.makeText(MainActivity.this, year+"年"+(month+1)+"月"+dayOfMonth+"日", Toast.LENGTH_SHORT).show();
                }
            },calendar.get(Calendar.YEAR),calendar.get(Calendar.MONTH),calendar.get(Calendar.DAY_OF_MONTH)).show();
        }
    });
}

7.時間對話框

在這裏插入圖片描述
代碼如下:

private void TimeDialog() {
    btn7 = findViewById(R.id.btn_7);
    btn7.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Calendar calendar = Calendar.getInstance();
            new TimePickerDialog(MainActivity.this, new TimePickerDialog.OnTimeSetListener() {
                @Override
                public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                    Toast.makeText(MainActivity.this, hourOfDay+":"+minute, Toast.LENGTH_SHORT).show();
                }
            },calendar.get(Calendar.HOUR),calendar.get(Calendar.MINUTE),true).show();//isHourView是否採用24小時進制
        }
    });
}

8.用戶自定義對話框

首先需要用戶自定義對話框,上佈局文件:

<?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="match_parent"
    android:background="#11ffffff">
    <LinearLayout
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:orientation="vertical">
        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:text="警告"

            android:textColor="#38ADFF"
            android:textSize="16sp"/>
        <TextView
            android:id="@+id/message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:layout_gravity="center"
            android:text="保護視力,少玩手機"/>
        <View
            android:layout_width="match_parent"
            android:layout_height="1px"
            android:layout_marginTop="15dp"
            android:background="#E4E4E4"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:orientation="horizontal">
            <Button
                android:id="@+id/no"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:layout_marginLeft="10dp"
                android:background="@null"
                android:gravity="center"
                android:lines="1"
                android:text="取消"
                android:textColor="#7D7D7D"
                android:textSize="16sp"/>
            <View
                android:layout_width="1px"
                android:layout_height="match_parent"
                android:background="#E4E4E4"/>
            <Button
                android:id="@+id/yes"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:layout_marginRight="10dp"
                android:background="@null"
                android:gravity="center"
                android:lines="1"
                android:text="確定"
                android:textColor="#38ADFF"
                android:textSize="16sp"/>
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

有了佈局文件,接下來就是要創建類,來設置具體怎麼使用

public class UserDefinedDialog extends Dialog {

    private TextView title;
    private TextView message;
    private Button no;
    private Button yes;
    private String titleStr;//從外界設置的title文本
    private String messageStr;//從外界設置的消息文本
    //確定文本和取消文本的顯示的內容
    private String yesStr, noStr;
    //取消按鈕被點擊了的監聽器
    private onNoOnclickListener noOnclickListener;
    //確定按鈕被點擊了的監聽器
    private onYesOnclickListener yesOnclickListener;

    public UserDefinedDialog(Context context) {
        super(context);
    }

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

        //初始化控件
        initViews();
        //初始化數據
        initDatas();
        //初始化控件事件
        initEvents();
    }

    private void initEvents() {
        //設置確定按鈕被點擊後,向外界提供監聽
        yes.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (yesOnclickListener!=null){
                    yesOnclickListener.onYesOnclick();
                }
            }
        });
        //設置取消按鈕的監聽
        no.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (noOnclickListener!=null){
                    noOnclickListener.onNoClick();
                }
            }
        });

    }

    private void initDatas() {
        //做非空判斷,防止數據爲空
        if (titleStr!=null){
            title.setText(titleStr);
        }
        if (messageStr!=null){
            message.setText(messageStr);
        }
        if (yesStr!=null){
            yes.setText(yesStr);
        }
        if (noStr!=null){
            no.setText(noStr);
        }
    }

    private void initViews() {
        title = (TextView) findViewById(R.id.title);
        message = (TextView) findViewById(R.id.message);
        no = (Button) findViewById(R.id.no);
        yes = (Button) findViewById(R.id.yes);
    }

    //從外界Activity爲UserDefinedDialog設置標題
    public void setTitleStr(String titleStr) {
        this.titleStr = titleStr;
    }

    public void setMessageStr(String messageStr) {
        this.messageStr = messageStr;
    }

    //自定義點擊事件
    public interface onNoOnclickListener {
        public void onNoClick();
    }

    public interface onYesOnclickListener {
        public void onYesOnclick();
    }

    public void setNoOnclickListener(String str,onNoOnclickListener noOnclickListener) {
        if (str!=null){
            noStr = str;
        }
        this.noOnclickListener = noOnclickListener;
    }

    public void setYesOnclickListener(String str,onYesOnclickListener yesOnclickListener) {
        if (str!=null){
            yesStr = str;
        }
        this.yesOnclickListener = yesOnclickListener;
    }
}

最後在MainActivity中將自定義的對話框進行創建,添加內容即可

private void UserDefinedDialog() {
    btn8 = findViewById(R.id.btn_8);
    btn8.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            final UserDefinedDialog dialog = new UserDefinedDialog(MainActivity.this);
            //通過自己設置的方法,跟新對話框內容
            dialog.setTitleStr("這是title");
            dialog.setMessageStr("這是提示信息");
            //確定按鈕
            dialog.setYesOnclickListener("yes", new UserDefinedDialog.onYesOnclickListener() {
                @Override
                public void onYesOnclick() {
                    Toast.makeText(MainActivity.this, "按鈕被點擊", Toast.LENGTH_SHORT).show();
                    dialog.dismiss();
                }
            });
            //取消按鈕
            dialog.setNoOnclickListener("no", new UserDefinedDialog.onNoOnclickListener() {
                @Override
                public void onNoClick() {
                    Toast.makeText(MainActivity.this, "按鈕被點擊", Toast.LENGTH_SHORT).show();
                    dialog.dismiss();
                }
            });

            //顯示對話框
            dialog.show();
        }
    });
}

最終效果:

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章