Dialog使用介紹

對話框

本文Github Demo地址

Dialog是Android里面用于讓用戶確認(rèn)或輸入信息的簡單的UI展現(xiàn)形式,本文將通過Demo講解如何使用Dialog。通常,我們不應(yīng)該直接使用Dialog,而是應(yīng)該使用Dialog的子類AlertDialogDatePickerDialog以及TimePickerDialog。這三個(gè)子類對Dialog進(jìn)行了封裝,并定義了它們各自的外觀結(jié)構(gòu)。其中[AlertDialog]的樣式通常包含了確定和取消按鈕,以及標(biāo)題和一小段描述文字。DatePickerDialogTimePickerDialog用于選擇日期和時(shí)間。

通常我們應(yīng)該使用Dialogfragment作為Dialog的容器,Dialogfragment提供了對Dialog的封裝以及生命周期的管理,可以自動處理屏幕旋轉(zhuǎn)后DialogFragment的重建(Dialog則不能),下面給出了一個(gè)DialogFragment的典型用法。

簡單的對話框
一個(gè)最簡單的對話框
public class MyDialogFragment extends DialogFragment {
    @Override    
    public Dialog onCreateDialog(Bundle savedInstanceState) {        
        // 設(shè)置Dialog樣式和theme        
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity(), 0);        
        builder.setTitle("提示") 
              .setMessage("確定繼續(xù)?")                
              .setPositiveButton("確定", new DialogInterface.OnClickListener() {                      
                    @Override                    
                    public void onClick(DialogInterface dialog, int which) {                        
                        communicateInterface.positiveClicked();                        
                        dismiss();                    
                    }                
                })                
                .setNegativeButton("取消", new DialogInterface.OnClickListener() {                    
                    @Override                    
                    public void onClick(DialogInterface dialog, int which) {                        
                        communicateInterface.negativeClicked();                        
                        dismiss();                    
                     }                
                });        

        Dialog dialog = builder.create();        
        return dialog;    
    }
}
含列表的對話框

可以在對話框里添加簡單的列表:


含列表的對話框
含列表的對話框
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {    
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());    
    builder.setTitle(R.string.pick_color)           
           .setItems(R.array.colors_array, new DialogInterface.OnClickListener() {               
                public void onClick(DialogInterface dialog, int which) {               
                    // The 'which' argument contains the index position               
                    // of the selected item           
                }    
            });    

    return builder.create();
}
自定義view樣式
自定義樣式的對話框

如果需要定制對話框的展現(xiàn)樣式,可以通過自定義view的方式實(shí)現(xiàn)。方法有兩種,調(diào)用AlertDialog.Builder的setView方法,或者重寫Fragment的onCreateView方法。

方法一:重寫onCreateDialog,調(diào)用AlertDialog.Builder的setView方法
這種方法不能修改PositiveButton或NegativeButton樣式。

@Override   
public Dialog onCreateDialog(Bundle savedInstanceState) {       
    // 設(shè)置Dialog樣式和theme       
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity(), 0);       
    builder.setTitle("提示")           
        .setView(getActivity().getLayoutInflater().inflate(R.layout.custom_view, null))               
        .setPositiveButton("確定", new DialogInterface.OnClickListener() {                   
            @Override                   
            public void onClick(DialogInterface dialog, int which) {                       
                dismiss();                   
            }               
        })               
        .setNegativeButton("取消", new DialogInterface.OnClickListener() {                   
            @Override                   
            public void onClick(DialogInterface dialog, int which) {                       
                dismiss();                   
            }               
        });       

    Dialog dialog = builder.create();       
    return dialog;   
}

方法二:重寫Fragment的onCreateView方法,這樣就不會使用默認(rèn)的Dialog樣式,而是完全的自定義樣式

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {    
    View view = getActivity().getLayoutInflater().inflate(R.layout.custom_view_2, container, false);    
    TextView cancel = (TextView) view.findViewById(R.id.cancel_action);    
    TextView confirm = (TextView) view.findViewById(R.id.confirm_action);    
    
    cancel.setOnClickListener(new View.OnClickListener() {        
        @Override        
        public void onClick(View v) {            
            dismiss();        
        }    
    });    

    confirm.setOnClickListener(new View.OnClickListener() {        
        @Override        
        public void onClick(View v) {              
            dismiss();        
        }    
    });    

    return view;
}
Dialog和Activity交互

通過DialogFragment的onAttach方法,可以將宿主Activity/Fragment的實(shí)例傳進(jìn)來,從而能在DialogFragment中調(diào)用宿主Activity/Fragment的函數(shù)。

public interface CommunicateInterface {    
    void positiveClicked();    
    void negativeClicked();
}
public class MainActivity extends AppCompatActivity implements CommunicateInterface {
    ...
    @Override
    public void positiveClicked() {    
        Toast.makeText(this, "繼續(xù)下一關(guān)", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void negativeClicked() {    
        Toast.makeText(this, "取消", Toast.LENGTH_SHORT).show();
    }
    ...
}
public class MyDialogFragment2 extends DialogFragment {
    private CommunicateInterface communicateInterface;
    ...
    @Override
    public void onAttach(Activity activity) {      
        super.onAttach(activity);    
        communicateInterface = (CommunicateInterface) activity;
    }

    @Nullable    
    @Override    
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        
        ...        
        cancel.setOnClickListener(new View.OnClickListener() {            
            @Override            
            public void onClick(View v) {                
                communicateInterface.negativeClicked();                
                dismiss();            
            }        
        });        

        confirm.setOnClickListener(new View.OnClickListener() {            
            @Override            
            public void onClick(View v) {                
                communicateInterface.positiveClicked();                
                dismiss();            
            }        
        });        
    
          return view;    
      }
}
Dialog展示

DialogFragment既可以作為Dialog占用一部分屏幕空間展示,也可以作為一個(gè)Fragment全屏展示,通過不同的添加方式實(shí)現(xiàn)這兩種展示。

通過DialogFragment的show方法,會使Dialog占用一部分屏幕空間展示:

@OnClick(R.id.show_as_dialog_tv)
public void onShowAsDialogTVClicked(View v) {    
    DialogFragment dialogFragment = new MyDialogFragment2();    
    dialogFragment.show(getFragmentManager(), "dialog3");
}

通過FragmentTransation添加DialogFragment可以實(shí)現(xiàn)全屏展示:

@OnClick(R.id.show_as_fragment_tv)
public void onShowAsFragmentTVClicked(View v) {    
    DialogFragment dialogFragment = new MyDialogFragment2();    
    FragmentTransaction fragmentTransaction = getFragmentManager().beginTransaction();    
    fragmentTransaction.add(dialogFragment, "diglog4") 
        .addToBackStack(null)            
        .commit();
}

這種情況有個(gè)限制,只能通過重寫onCreateView方法實(shí)現(xiàn)自定義view,而不能通過AlertDialog.build方式。

[Note]:** 雖然Android Developer文檔提到,可以通過FragmentTransation添加DialogFragment實(shí)現(xiàn)全屏,但是實(shí)際測試結(jié)果表明,展示的Dialog仍然不是全屏,可參照Demo里的實(shí)現(xiàn)運(yùn)行查看效果。具體原因未知。如果要全屏展示直接使用Fragment就行了,也不需要使用DialogFragment,所以此處未深究原因。

普通的Activity也可以作為Dialog展示,比如在超大屏幕上,不適合滿屏展示的情況下。如下設(shè)置theme即可。

<activity android:theme="@android:style/Theme.Holo.DialogWhenLarge" >
Dialog取消展示

可以通過dismiss函數(shù)停止Dialog的展示,或者通過cancel取消Dialog的展示,前者發(fā)生在點(diǎn)擊確定或取消按鈕的時(shí)候,后者發(fā)生在按返回鍵或者點(diǎn)擊Dialog之外的屏幕范圍的時(shí)候。通過在DialogFragment中重寫onDismiss和onCancel方法,可以加入對這兩種事件的處理。注意,這里不能直接調(diào)用Dialog的setOnCancelListener或者setOnDismissListener方法設(shè)置回調(diào)函數(shù),必須重寫onDismiss或onCancel,否則報(bào)錯(cuò):

java.lang.IllegalStateException:  You can not set Dialog's OnCancelListener or OnDismissListener

Android Develop文檔的描述:

Note: 
DialogFragment own the Dialog.setOnCancelListener and Dialog.setOnDismissListener callbacks. 
You must not set them yourself. 
To find out about these events, override onCancel(DialogInterface) and onDismiss(DialogInterface)

當(dāng)調(diào)用DialogFragment的cancel方法時(shí),兩個(gè)回調(diào)函數(shù)都會被調(diào)用;當(dāng)調(diào)用dismiss方法時(shí),只調(diào)用onDismiss會被調(diào)用。

Dialog展示W(wǎng)ebView,監(jiān)聽后退鍵

如果在Dialog里嵌入WebView進(jìn)行頁面展示,那需要對返回鍵進(jìn)行監(jiān)聽,以確定按返回鍵的時(shí)候是后退到上一個(gè)頁面還是退出dialog,通過重寫onDismiss或onCancel都無法實(shí)現(xiàn)這個(gè)功能,會直接退出dialog。正確的寫法是對dialog進(jìn)行設(shè)置onKeyListener,代碼如下:

dialog.setOnKeyListener(new DialogInterface.OnKeyListener() {
            @Override
            public boolean onKey(DialogInterface dialogInterface, int keyCode, KeyEvent keyEvent) {
                if (keyCode == KeyEvent.KEYCODE_BACK
                        && keyEvent.getAction() == MotionEvent.ACTION_UP
                        && webView.canGoBack()) {
                    webView.goBack();
                    return true; // pretend we've processed it
                }
                else
                    return false; // pass on to be processed as normal
            }
        });

參考:
https://developer.android.com/guide/topics/ui/dialogs.html
https://developer.android.com/reference/android/app/DialogFragment.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,527評論 6 544
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,687評論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,640評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,957評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,682評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 56,011評論 1 329
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,009評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,183評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,714評論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,435評論 3 359
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,665評論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,148評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,838評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,251評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,588評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,379評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,627評論 2 380

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,765評論 25 708
  • title: Dialog官方文檔總結(jié)date: 2016-03-14 21:38:14tags: Dialogc...
    Passon_Fang閱讀 3,068評論 0 7
  • 本文會不定期更新,推薦watch下項(xiàng)目。 如果喜歡請star,如果覺得有紕漏請?zhí)峤籭ssue,如果你有更好的點(diǎn)子可...
    天之界線2010閱讀 13,561評論 10 123
  • 今天我要講的童話故事 其實(shí)還沒有完全想好 它既不發(fā)生在未來遙遠(yuǎn)的星球 也不開始于很久很久以前的小島 話說故事里的王...
    鄭愚閱讀 187評論 0 1
  • 遇見干凈漂亮的狗,我也會觀賞;遇見優(yōu)雅美麗的貓,我也會贊嘆。可是,自認(rèn)清高的我在這本書之前沒買過任何一本有關(guān)貓、狗...
    家有花骨朵閱讀 530評論 0 0