1. 程式人生 > >Android 系統原生dialog使用

Android 系統原生dialog使用

先上圖,不上圖的程式設計師不是好程式設計師:
兩個按鈕的 dialog
三個按鈕的 dialog
列表樣式 dialog
單選 dialog
多選 dialog
轉圈載入 dialog
帶有載入進度的 dialog
帶有輸入框 dialog
引入佈局的 dialog
看了效果下面該看程式碼了

1、MainActivity的xml內程式碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height
="match_parent" android:orientation="vertical" tools:context=".MainActivity">
<Button android:id="@+id/btn_two" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="最普通的 dialog" android:textAllCaps="false" />
<Button android:id="@+id/btn_three" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="三個按鈕的 dialog" android:textAllCaps="false" /> <Button android:id="@+id/btn_list" android:layout_width="match_parent"
android:layout_height="wrap_content" android:text="列表 dialog" android:textAllCaps="false" />
<Button android:id="@+id/btn_multi_select" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="多選 dialog" android:textAllCaps="false" /> <Button android:id="@+id/btn_single_select" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="單選 dialog" android:textAllCaps="false" /> <Button android:id="@+id/btn_waiting" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="等待 dialog" android:textAllCaps="false" /> <Button android:id="@+id/btn_loading" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="載入 dialog" android:textAllCaps="false" /> <Button android:id="@+id/btn_input" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="輸入 dialog" android:textAllCaps="false" /> <Button android:id="@+id/btn_my_style" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="自定義 dialog" android:textAllCaps="false" /> </LinearLayout>

2、MainActivity的java檔案內程式碼即邏輯程式碼

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private AlertDialog.Builder builder;
    private ProgressDialog progressDialog;

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

        Button btnTwo = findViewById(R.id.btn_two);
        Button btnThree = findViewById(R.id.btn_three);
        Button btnList = findViewById(R.id.btn_list);
        Button btnMultiSelect = findViewById(R.id.btn_multi_select);
        Button btnSingleSelect = findViewById(R.id.btn_single_select);
        Button btnWaiting = findViewById(R.id.btn_waiting);
        Button btnLoading = findViewById(R.id.btn_loading);
        Button btnInput = findViewById(R.id.btn_input);
        Button btnMyStyle = findViewById(R.id.btn_my_style);


        btnTwo.setOnClickListener(this);
        btnThree.setOnClickListener(this);
        btnList.setOnClickListener(this);
        btnMultiSelect.setOnClickListener(this);
        btnSingleSelect.setOnClickListener(this);
        btnWaiting.setOnClickListener(this);
        btnLoading.setOnClickListener(this);
        btnInput.setOnClickListener(this);
        btnMyStyle.setOnClickListener(this);

    }


    @Override
    public void onClick(View view) {
        int id = view.getId();
        switch (id) {
            case R.id.btn_two://最普通dialog
                showTwo();
                break;
            case R.id.btn_three://三個按鈕dialog
                showThree();
                break;
            case R.id.btn_list://列表樣式dialog
                showList();
                break;
            case R.id.btn_multi_select://多選dialog
                showMultiSelect();
                break;
            case R.id.btn_single_select://單選dialog
                showSingSelect();
                break;
            case R.id.btn_waiting://等待dialog
                showWaiting();
                break;
            case R.id.btn_loading://載入進度dialog
                showLoading();
                break;
            case R.id.btn_input://輸入框dialog
                showInput();
                break;
            case R.id.btn_my_style://自定義dialog
                showMyStyle();
                break;
            default:
        }
    }

    /**
     * 兩個按鈕的 dialog
     */
    private void showTwo() {

        builder = new AlertDialog.Builder(this).setIcon(R.mipmap.ic_launcher).setTitle("最普通dialog")
                .setMessage("我是最簡單的dialog").setPositiveButton("確定(積極)", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        //ToDo: 你想做的事情
                        Toast.makeText(MainActivity.this, "確定按鈕", Toast.LENGTH_LONG).show();
                    }
                }).setNegativeButton("取消(消極)", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        //ToDo: 你想做的事情
                        Toast.makeText(MainActivity.this, "關閉按鈕", Toast.LENGTH_LONG).show();
                        dialogInterface.dismiss();
                    }
                });
        builder.create().show();
    }

    /**
     * 三個按鈕的 dialog
     */
    private void showThree() {
        builder = new AlertDialog.Builder(this).setIcon(R.mipmap.ic_launcher).setTitle("三個按鈕dialog")
                .setMessage("三個按鈕dialog").setPositiveButton("確定(積極)", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        //ToDo: 你想做的事情
                        Toast.makeText(MainActivity.this, "確定按鈕", Toast.LENGTH_LONG).show();
                    }
                }).setNeutralButton("你猜(中立)", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        Toast.makeText(MainActivity.this, "你猜按鈕", Toast.LENGTH_LONG).show();
                    }
                }).setNegativeButton("取消(消極)", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        //ToDo: 你想做的事情
                        Toast.makeText(MainActivity.this, "關閉按鈕", Toast.LENGTH_LONG).show();
                        dialogInterface.dismiss();
                    }
                });
        builder.create().show();

    }

    /**
     * 列表 dialog
     */
    private void showList() {
        final String[] items = {"item 1", "item 2", "item 3", "item 4", "item 5", "item 6"};
        builder = new AlertDialog.Builder(this).setIcon(R.mipmap.ic_launcher)
                .setTitle("列表dialog")
                .setItems(items, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        Toast.makeText(MainActivity.this, "你點選的內容為: " + items[i], Toast.LENGTH_LONG).show();

                    }
                });
        builder.create().show();
    }

    /**
     * 多選 dialog
     */
    private void showMultiSelect() {
        final List<Integer> choice = new ArrayList<>();
        final String[] items = {"多選1", "多選2", "多選3", "多選4", "多選5", "多選6"};
        //預設都未選中
        boolean[] isSelect = {false, false, false, false, false, false};

        builder = new AlertDialog.Builder(this).setIcon(R.mipmap.ic_launcher)
                .setTitle("多選dialog")
                .setMultiChoiceItems(items, isSelect, new DialogInterface.OnMultiChoiceClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i, boolean b) {

                        if (b) {
                            choice.add(i);
                        } else {
                            choice.remove(i);
                        }

                    }
                }).setPositiveButton("確定", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        StringBuilder str = new StringBuilder();

                        for (int j = 0; j < choice.size(); j++) {
                            str.append(items[choice.get(j)]);
                        }
                        Toast.makeText(MainActivity.this, "你選擇了" + str, Toast.LENGTH_LONG).show();
                    }
                });

        builder.create().show();

    }

    private int choice;

    /**
     * 單選 dialog
     */
    private void showSingSelect() {

        //預設選中第一個
        final String[] items = {"單選1", "單選2", "單選3", "單選4", "單選5", "單選6"};
        choice = -1;
        builder = new AlertDialog.Builder(this).setIcon(R.mipmap.ic_launcher).setTitle("單選列表")
                .setSingleChoiceItems(items, 0, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        choice = i;
                    }
                }).setPositiveButton("確定", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        if (choice != -1) {
                            Toast.makeText(MainActivity.this, "你選擇了" + items[choice], Toast.LENGTH_LONG).show();
                        }
                    }
                });
        builder.create().show();
    }

    /**
     * 圓圈載入進度的 dialog
     */
    private void showWaiting() {
        progressDialog = new ProgressDialog(this);
        progressDialog.setIcon(R.mipmap.ic_launcher);
        progressDialog.setTitle("載入dialog");
        progressDialog.setMessage("載入中...");
        progressDialog.setIndeterminate(true);// 是否形成一個載入動畫  true表示不明確載入進度形成轉圈動畫  false 表示明確載入進度
        progressDialog.setCancelable(false);//點選返回鍵或者dialog四周是否關閉dialog  true表示可以關閉 false表示不可關閉
        progressDialog.show();

    }

    /**
     * 帶有進度的 dialog
     */
    private void showLoading() {

        final int MAX_VALUE = 100;
        progressDialog = new ProgressDialog(this);
        progressDialog.setProgress(0);
        progressDialog.setTitle("帶有載入進度dialog");
        progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        progressDialog.setMax(MAX_VALUE);
        progressDialog.show();
        new Thread(new Runnable() {
            @Override
            public void run() {
                int progress = 0;
                while (progress < MAX_VALUE) {
                    try {
                        Thread.sleep(100);
                        progress++;
                        progressDialog.setProgress(progress);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
                //載入完畢自動關閉dialog
                progressDialog.cancel();
            }
        }).start();

    }

    /**
     * 一個輸入框的 dialog
     */
    private void showInput() {
        final EditText editText = new EditText(this);
        builder = new AlertDialog.Builder(this).setTitle("輸入框dialog").setView(editText)
                .setPositiveButton("讀取輸入框內容", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        Toast.makeText(MainActivity.this, "輸入內容為:" + editText.getText().toString()
                                , Toast.LENGTH_LONG).show();
                    }
                });
        builder.create().show();
    }

    /**
     * 原生自定義 dialog
     */
    private void showMyStyle() {
        @SuppressLint("InflateParams") View view = LayoutInflater.from(this).inflate(R.layout.layout_test, null);
        final EditText etUsername = view.findViewById(R.id.et_username);
        final EditText etPassword = view.findViewById(R.id.et_password);

        builder = new AlertDialog.Builder(this).setView(view).setTitle("自定義dialog——登入").setIcon(R.mipmap.ic_launcher)
                .setPositiveButton("登入", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        Toast.makeText(MainActivity.this, "賬號: " + etUsername.getText().toString() + "  密碼: " + etPassword.getText().toString()
                                , Toast.LENGTH_LONG).show();
                    }
                });

        builder.create().show();
    }
}

3、介紹一些好用的第三方dialog庫

1、material-dialogs
2、FlycoDialog_Master