Android之Material Dialogs詳解

来源:https://www.cnblogs.com/WUXIAOCHANG/archive/2019/04/07/10666581.html
-Advertisement-
Play Games

文章大綱 一、什麼是Material Dialogs二、Material Dialogs實戰三、項目源碼下載 一、什麼是Material Dialogs Material Dialogs是一個漂亮、流暢、可定製的對話框,核心模塊包含創建基本、列表、單/多選項、進度、輸入等對話框。 二、Materia ...


文章大綱

一、什麼是Material Dialogs
二、Material Dialogs實戰
三、項目源碼下載

 

一、什麼是Material Dialogs

  Material Dialogs是一個漂亮、流暢、可定製的對話框,核心模塊包含創建基本、列表、單/多選項、進度、輸入等對話框。

二、Material Dialogs實戰

使用註意點:
(1)使用MaterialDialog的Activity需要繼承AppCompat
(2)預設的MaterialDialog在點擊空白位置時候會自動關閉彈出框,取消dialog以外的區域的點擊事件代碼如下

//取消dialog以外的區域的點擊事件(預設為true)這裡我們設置成false就ok啦
.canceledOnTouchOutside(false)

1. 添加依賴

    //添加material-dialogs依賴
   //核心模塊的依賴
    implementation 'com.afollestad.material-dialogs:core:0.9.1.0'
    //公共模塊的依賴
    //公共模塊包含不是每個人都需要的擴展庫。 這包括 ColorChooserDialog、FolderChooserDialog、Material Preference 類和 MaterialSimpleListAdapter / MaterialSimpleListItem
    implementation 'com.afollestad.material-dialogs:commons:0.9.1.0'

2. 創建基本彈框

new MaterialDialog.Builder(MainActivity.this)
                        .title("標題")
                        .content("內容")
                        .positiveText("確認")
                        .negativeText("取消")
                        .show();

運行結果如下:

 

 

溫馨提示:取消彈框採用dialog.dismiss();

3. 創建帶圖標彈框(包含兩個按鈕)

new MaterialDialog.Builder(MainActivity.this)
                        .title("標題")
                        .content("內容;測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度測試長度")
                        .positiveText("確認")
                        .negativeText("取消")
                        .icon(getResources().getDrawable(R.drawable.ic_launcher))
                        .show();

運行結果如下:

 

溫馨提示:可以用maxIconSize(int size)限製圖標最大size

4. 創建帶三個按鈕彈框

new MaterialDialog.Builder(MainActivity.this)
                        .title("標題")
                        .content("內容")
                        .positiveText("確認")
                        .negativeText("取消")
                        .neutralText("更多")
                        .show();

運行結果如下:

 

5. 創建帶點擊事件的彈出框

//如果你想監聽三種動作按鈕,只用一個onAny就行了,which會告訴你點擊了什麼按鈕,根據需要去判斷,which.toString()的名字分別是Positive,Negative等
        //new MaterialDialog.Builder(this)
        //                .title("標題")
        //                .content("內容")
        //                .positiveText("確認")
        //                .negativeText("取消")
        //                .neutralText("更多")
        //                .onAny(new MaterialDialog.SingleButtonCallback() {
        //                    @Override
        //                    public void onClick(MaterialDialog dialog, DialogAction which) {
        //                        Toast.makeText(MainActivity.this, which.toString(), Toast.LENGTH_SHORT).show();
        //                    }
        //                })
        //                .show();
        click_button = (Button)findViewById(R.id.click_button);
        click_button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new MaterialDialog.Builder(MainActivity.this)
                        .title("標題")
                        .content("內容")
                        .positiveText("確認")
                        .negativeText("取消")
                        .neutralText("更多")
                        .onPositive(new MaterialDialog.SingleButtonCallback() {
                            @Override
                            public void onClick(MaterialDialog dialog, DialogAction which) {
                                Toast.makeText(MainActivity.this, "點擊了確認按鈕", Toast.LENGTH_SHORT).show();
                            }
                        })
                        .onNeutral(new MaterialDialog.SingleButtonCallback() {
                            @Override
                            public void onClick(MaterialDialog dialog, DialogAction which) {
                                Toast.makeText(MainActivity.this, "點擊了更多按鈕", Toast.LENGTH_SHORT).show();
                            }
                        })
                        .onNegative(new MaterialDialog.SingleButtonCallback() {
                            @Override
                            public void onClick(MaterialDialog dialog, DialogAction which) {
                                Toast.makeText(MainActivity.this, "點擊了取消按鈕", Toast.LENGTH_SHORT).show();
                            }
                        })
                        .show();
            }
        });

運行結果如下:

   

6. 創建是否不再詢問彈出框

new MaterialDialog.Builder(MainActivity.this)
                        .title("標題")
                        .content("內容")
                        .positiveText("確認")
                        //第二次參數代表初始狀態是否為勾選
                        .checkBoxPromptRes(R.string.isShowAgain, true, null)
                        .onAny(new MaterialDialog.SingleButtonCallback() {
                            @Override
                            public void onClick(MaterialDialog dialog, DialogAction which) {
                                //dialog.isPromptCheckBoxChecked()+""如果返回true,表示用戶勾選了,false表示沒有
                                Toast.makeText(MainActivity.this, dialog.isPromptCheckBoxChecked()+"", Toast.LENGTH_SHORT).show();
                            }
                        })
                        .show();

運行結果如下:

 

7. 創建不帶樣式列表單選框

final String[] array = {"aa","bb"};
new MaterialDialog.Builder(MainActivity.this)
                        .title("標題")
                        .positiveText("確認")
                        .negativeText("取消")
                        .items(array)
                        .itemsCallback(new MaterialDialog.ListCallback() {
                            @Override
                            public void onSelection(MaterialDialog dialog, View view, int which, CharSequence text) {
                                Toast.makeText(MainActivity.this, which+"", Toast.LENGTH_SHORT).show();
                            }
                        })
                        .show();

運行結果如下:

 

 

8. 創建帶樣式的列表單選框

new MaterialDialog.Builder(MainActivity.this)
                        .title("標題")
                        .items(array)
                        .itemsCallbackSingleChoice(-1, new MaterialDialog.ListCallbackSingleChoice() {
                            @Override
                            public boolean onSelection(MaterialDialog dialog, View view, int which, CharSequence text) {
                                return true;
                            }
                        })
                        .show();

運行結果如下:

 

9. 創建多選列表

new MaterialDialog.Builder(MainActivity.this)
                        .title("標題")
                        .positiveText("確認")
                        .items(array)
                        .itemsCallbackMultiChoice(null, new MaterialDialog.ListCallbackMultiChoice() {
                            @Override
                            public boolean onSelection(MaterialDialog dialog, Integer[] which, CharSequence[] text) {

                                return true;
                            }
                        })
                        .show();

運行結果如下:

 

10. 創建自定義視圖

new MaterialDialog.Builder(MainActivity.this)
                        .title("Title")
                        .customView(R.layout.activity_main, true)
                        .positiveText("CHOOSE")
                        .show();

運行結果如下:

 

11.創建帶限制的輸入框

new MaterialDialog.Builder(MainActivity.this)
                        .title("Title")
                        //限制輸入的長度
                        .inputRangeRes(2, 20, R.color.colorPrimary)
                        //限制輸入類型
                        .inputType(InputType.TYPE_CLASS_PHONE)
                        .input("哈哈哈", null, new MaterialDialog.InputCallback() {
                            @Override
                            public void onInput(MaterialDialog dialog, CharSequence input) {
                                Toast.makeText(MainActivity.this, input, Toast.LENGTH_SHORT).show();
                            }
                        })
                        .positiveText("確定")
                        .show();

運行結果如下:

 

12. 創建等待提示框(圓圈載入)

new MaterialDialog.Builder(MainActivity.this)
                        .title("提示框")
                        .content("請稍等...")
                        .progress(true, 0)
                        .show();

運行結果如下:

 

13. 創建等待提示框(水平載入)

new MaterialDialog.Builder(MainActivity.this)
                        .title("提示框")
                        .content("請稍等...")
                        .progress(true, 0)
                        .progressIndeterminateStyle(true)
                        .show();

運行結果如下:

 

14. 創建帶進度條的等待框

new MaterialDialog.Builder(MainActivity.this).title("Progress").content("please wait...").contentGravity(GravityEnum.CENTER).progress(false, 100, true).cancelListener(dialog -> {
                    if (thread != null) {
                        thread.interrupt();
                    }
                }).showListener(dialogInterface -> {
                    final MaterialDialog dialog = (MaterialDialog) dialogInterface;
                    startThread(() -> {
                        while (dialog.getCurrentProgress() != dialog.getMaxProgress() && !Thread.currentThread().isInterrupted()) {
                            if (dialog.isCancelled()) {
                                break;
                            }
                            try {
                                Thread.sleep(50);
                            } catch (InterruptedException e) {
                                break;
                            }
                            dialog.incrementProgress(1);
                        }
                        runOnUiThread(() -> {
                            thread = null;
                            dialog.setContent(getString(R.string.md_done_label));
                        });
                    });
                }).show();

運行結果如下:

   

15.其他功能

(1)MaterialDialog可以通過以下方式設置顏色

//         .titleColorRes(R.color.material_red_500)
//         .contentColor(Color.WHITE) // notice no 'res' postfix for literal color
//         .linkColorAttr(R.attr.my_link_color_attr)  // notice attr is used instead of none or res for attribute resolving
//         .dividerColorRes(R.color.material_pink_500)
//         .backgroundColorRes(R.color.material_blue_grey_800)
//         .positiveColorRes(R.color.material_red_500)
//         .neutralColorRes(R.color.material_red_500)
//         .negativeColorRes(R.color.material_red_500)
//         .widgetColorRes(R.color.material_red_500)
//         .buttonRippleColorRes(R.color.material_red_500)

(2)通過以下方式設置MaterialDialog主題

.theme(Theme.DARK)

(3)設置文字、按鈕等內容的位置

        .titleGravity(GravityEnum.CENTER)
        .contentGravity(GravityEnum.CENTER)
        .btnStackedGravity(GravityEnum.START)
        .itemsGravity(GravityEnum.END)
        .buttonsGravity(GravityEnum.END)

(4)改變drawable被點擊或聚焦時的狀態

        .btnSelector(R.drawable.custom_btn_selector)
        .btnSelector(R.drawable.custom_btn_selector_primary, DialogAction.POSITIVE)
        .btnSelectorStacked(R.drawable.custom_btn_selector_stacked)
        .listSelector(R.drawable.custom_list_and_stackedbtn_selector)!

三、項目源碼下載

鏈接:https://pan.baidu.com/s/1dJFaw1xfvaOiI8XGPwwaRg
密碼:sfd8


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 常見問題 Access denied for user ''@'localhost' to database 'web02' //web02是我自己創建的資料庫 原因分析:mysql資料庫的user表裡,存在用戶名為空的賬戶即匿名賬戶,導致登錄的時候是雖然用的是root,但實際是匿名登錄的 下麵對比 ...
  • 常見問題 Access denied for user 'root'@'localhost' (using password: YES) 因密碼不對而拒絕訪問,再jdbc配置中 常常忽略user和密碼配置是否和本地密碼相匹配 而一般的電腦 可能MySQL並沒有配置密碼 即空密碼 直接鍵入就可以進入數 ...
  • 一、hbase與列式存儲 hbase最早起源於谷歌的一篇BigTable的論文,它是由java編寫的、開源的一個nosql資料庫,同時它也是一個列式存儲的、支持分散式(基於hdfs)的資料庫。什麼是列式存儲呢?簡單來講就是:傳統的關係資料庫幾乎都是行式存儲的,這種存儲的特點是,將每一行的數據連起來進 ...
  • 與聚合函數一樣,開窗函數也是對行集組進行聚合計算,但是普通聚合函數每組只能返回一個值,而開窗函數可以每組返回多個值。 實驗一比如我們想查詢每個工資小於5000元的員工信息(城市以及年齡),並且在每行中都顯示所有工資小於5000元的員工個數,執行下麵的SQL語句 這個語句顯然是錯誤的,因為count( ...
  • 最近想安裝一個本地資料庫, 發現網上寫的沒一個能安裝成功的, 各種蛋疼, 我還是自己寫一個吧 參考鏈接: https://www.cnblogs.com/by330326/p/5608290.html https://blog.csdn.net/baidu_41909653/article/deta ...
  • 文章大綱 一、什麼是CircleImageView二、代碼實戰三、項目源碼下載 一、什麼是CircleImageView 圓角 ImageView,在我們的 App 中這個想必是太常見了,也許我們可以有無數種展示圓角圖片的方法,但是 CircleImageView 絕對是我們在開發時需要優先考慮的, ...
  • 文章大綱 一、什麼是PhotoView二、代碼實戰三、項目源碼下載 一、什麼是PhotoView 一款 ImageView 展示框架,支持縮放,響應手勢,位於圖片排行榜的第五位,PhotoView 與上面不同的是圖片的展示功能,可以實現類似微信頭像的放大功能,還有就是很多 App 的圖片顯示響應手勢 ...
  • OCR圖文識別App 是一款準確高效的 OCR文字識別與掃描軟體,識別準確度高,速度快,掃描文件清晰,可導出TXT、Excel。 免費使用。 技術 基於百度在業界領先的人工智慧與深度學習技術,提供對身份證、銀行卡、營業執照等常用卡片及證照的文字內容進行結構化識別的服務。 功能 身份證識別 銀行卡識別 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...