DialogFragment的使用像Dialog一樣的簡單、靈活,同時也保持了DialogFragment的優點

基於DialogFragment的對話框

與上面的對話框使用同樣的界面佈局,此處僅僅展現一個簡單對話框,因此只重寫了onCreateView方法

public class MyDialogFragment extends DialogFragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.dialog, container, false);
        return v;
    }
}


public class MainActivity extends FragmentActivity {
    private Button clk;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        clk = (Button) findViewById(R.id.clk);
        clk.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                MyDialogFragment mdf = new MyDialogFragment();
                FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
                ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
                mdf.show(ft, "df");
            }
        });
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

這兩段代碼可以實現第一種方式的同樣功能,此處我們並沒有去關心對話框的重建,以及Activity銷燬前對話框是否已關閉,這一切都是由FragmentManager來管理。

其實DialogFragment還擁有fragment的優點,即可以在一個Activity內部實現回退(因爲FragmentManager會管理一個回退棧)

創建:

創建 DialogFragment 有兩種方式:

  • 覆寫其 onCreateDialog 方法

    • *應用場景*:一般用於創建替代傳統的 Dialog 對話框的場景,UI 簡單,功能單一。 
      方法
  • 覆寫其 onCreateView 方法

    • *應用場景*: 
      一般用於創建複雜內容彈窗或全屏展示效果的場景,UI 複雜,功能複雜,一般有網絡請求等異步操作。

覆寫其 onCreateDialog

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    //爲了樣式統一和兼容性,可以使用 V7 包下的 AlertDialog.Builder
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    // 設置主題的構造方法
    // AlertDialog.Builder builder = new AlertDialog.Builder(getActivity(), R.style.CustomDialog);
    builder.setTitle("注意:")
           .setMessage("是否退出應用?")
           .setPositiveButton("確定", null)
           .setNegativeButton("取消", null)
           .setCancelable(false);
           //builder.show(); // 不能在這裏使用 show() 方法
    return builder.create();
}  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

自定義 View 來創建

  @Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    // 設置主題的構造方法
    // AlertDialog.Builder builder = new AlertDialog.Builder(getActivity(), R.style.CustomDialog);
    LayoutInflater inflater = getActivity().getLayoutInflater();  
    View view = inflater.inflate(R.layout.fragment_dialog, null);  
    builder.setView(view) 
    // Do Someting,eg: TextView tv = view.findViewById(R.id.tv);
    return builder.create();
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

處理屏幕翻轉

  • 如果使用傳統的 Dialog ,需要我們手動處理屏幕翻轉的情況

  • 但使用 DialogFragment 的話,則不需要我們進行任何處理, FragmentManager 會自動管理 DialogFragment 的生命週期。

無標題欄

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    LayoutInflater inflater = getActivity().getLayoutInflater();
    View view = inflater.inflate(R.layout.fragment_dialog, null);
    Dialog dialog = new Dialog(getActivity(), R.style.CustomDialog);
    // 關閉標題欄,setContentView() 之前調用
    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    dialog.setContentView(view);
    dialog.setCanceledOnTouchOutside(true);
    return dialog;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

對於在onCreateView裏

@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    /**
     * setStyle() 的第一個參數有四個可選值:
     * STYLE_NORMAL|STYLE_NO_TITLE|STYLE_NO_FRAME|STYLE_NO_INPUT
     * 其中 STYLE_NO_TITLE 和 STYLE_NO_FRAME 可以關閉標題欄
     * 每一個參數的詳細用途可以直接看 Android 源碼的說明
     */
    setStyle(DialogFragment.STYLE_NO_TITLE, R.style.CustomDialog);
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

實現全屏(寬/高度全屏)

// 設置寬度爲屏寬、位置靠近屏幕底部
Window window = dialog.getWindow();
window.setBackgroundDrawableResource(R.color.transparent);
WindowManager.LayoutParams wlp = window.getAttributes();
wlp.gravity = Gravity.BOTTOM;
wlp.width = WindowManager.LayoutParams.MATCH_PARENT;
wlp.height = WindowManager.LayoutParams.WRAP_CONTENT;
window.setAttributes(wlp);  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

部分代碼如下:

/**
 * 類功能描述:</br>
 *  DialogFragment主測試類
 * @author 於亞豪
 *  博客地址: http://blog.csdn.net/androidstarjack
 * 公衆號: 終端研發部
 * @version 1.0 </p> 修改時間:</br> 修改備註:</br>
 */
public class MainActivity extends AppCompatActivity {
    private Dialog dialog;
    @Bind(R.id.btn01)
    Button btn01;
    FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
    MyShouDialogFramgment mdf;
    MyShouDialogFramgment2 mdf2 = new MyShouDialogFramgment2();
    FragmentTransaction ft2 = getSupportFragmentManager().beginTransaction();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        dialog = new Dialog(this);
        dialog.setContentView(R.layout.fragment_dialog);
        ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
        ft2.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
        mdf = new MyShouDialogFramgment();
        //用戶恢復對話框的狀態
        if(savedInstanceState != null && savedInstanceState.getBoolean("dialog_show"))
            btn01.performClick();
    }

    /**
     * 用於保存對話框的狀態以便恢復
     */
    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        if(dialog != null && dialog.isShowing())
            outState.putBoolean("dialog_show", true);
        else
            outState.putBoolean("dialog_show", false);
    }

    /**
     * 在Activity銷燬之前,確保對話框以關閉
     */
    @Override
    protected void onDestroy() {
        super.onDestroy();
        if(dialog != null && dialog.isShowing())
            dialog.dismiss();
    }
    @OnClick({R.id.btn01,R.id.btn02,R.id.btn03})
    public void onClick(View view){
        switch (view.getId()){
            case R.id.btn01:
                dialog.show();
                break;
            case R.id.btn02:
                mdf.show(ft, "df");
               //可以拓展
                break;
            case R.id.btn03:
                mdf2.show(ft2, "df");
                //可以拓展
                break;
        }
    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71

*MyShouDialogFramgment2.Java如下*

public class MyShouDialogFramgment2 extends DialogFragment {
    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return super.onCreateView(inflater, container, savedInstanceState);
    }

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        //爲了樣式統一和兼容性,可以使用 V7 包下的 AlertDialog.Builder
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        LayoutInflater inflater = getActivity().getLayoutInflater();
        View view = inflater.inflate(R.layout.fragment_dialog, null);
        Button    btn_cancle = (Button) view.findViewById(R.id.btn_cancle);
        Button     btn_ok = (Button) view.findViewById(R.id.btn_ok);
        final Dialog dialog = new Dialog(getActivity(), R.style.activity_DialogTransparent);
        // 關閉標題欄,setContentView() 之前調用
        dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
        dialog.setContentView(view);
        dialog.setCanceledOnTouchOutside(true);
        btn_cancle.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                dialog.dismiss();
            }
        });
        btn_ok.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                GetToast.useString(getActivity(),"今晚開始搞事情了...");
            }
        });
        return dialog;
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41

總結

  • 可以讓DialogFragment的使用像Dialog一樣的簡單、靈活,同時也保持了DialogFragment的優點,可以在任何的類中使用

    • 很簡單的新增新類型的Dialog
  • 利用Fragment的特性,爲不同屏幕做

下載連接

GitHub項目地址:

https://github.com/androidstarjack/MyDialogFragment

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