基於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 簡單,功能單一。
方法
- *應用場景*:一般用於創建替代傳統的 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項目地址: