自定义DialogFragment

需求效果:

自定义DialogFragment_第1张图片

因考虑在手机配置变化,导致Activity需要重新创建时,例如旋屏,基于DialogFragment的对话框将会由FragmentManager自动重建,然而基于Dialog实现的对话框则没有这样的能力,选择DialogFragment来实现需求。官方文档这样形容DialogFragment:

一个显示对话框窗口的片段,浮动在其活动窗口的顶部。这个片段包含一个对话框对象,它根据片段的状态进行适当的显示。控制对话框(决定何时显示、隐藏、关闭它)应该通过这里的API完成,而不是直接调用对话框。

实现应该覆盖这个类并实现onCreateView(LayoutInflater、ViewGroup、Bundle)来提供对话框的内容。或者,它们可以覆盖onCreateDialog(Bundle)来创建一个完全自定义的对话框,比如AlertDialog,它有自己的内容。

即自定义DialogFragment时,需要继承DialogFragment;重写onCreateView()方法,初始化布局,(视要求是否需要去除title),在activity中调用就可以了

getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);//去除title布局

titlegetDialog().setCancelable(false);//取消

getDialog().setCanceledOnTouchOutside(false);//点击外部不消失的方法

getDialog().getWindow().setBackgroundDrawableResource(R.drawable.bg_write_shape);//添加圆角背景


//Activity里面

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

// FragmentTransaction transaction = getFragmentManager().beginTransaction();

// transaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);

new OneDialogFragment().show(getFragmentManager(),null);//getFragmentManager()可以用上面的transaction替换

}

其中show(FragmentManager,String)或者show(FragmentTransaction,String)来显示DialogFragment;

布局如下:


自定义DialogFragment_第2张图片

运行效果如下

自定义DialogFragment_第3张图片

看着特不顺眼是不是。一步一步来

如何实现ui真正需求效果呢?

方法一:重写onActivityCreated;固定布局(可写死也可测量屏幕宽度来)

@Overridepublic void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState);

WindowManager.LayoutParams attributes = getDialog().getWindow().getAttributes();

attributes.width = 800;

attributes.height = -2;

getDialog().getWindow().setAttributes(attributes);}

效果:


自定义DialogFragment_第4张图片

貌似已经达到了效果;但是否还有其他方式样式呢?继续

方法二:重写onstart()方法(推荐)

如果觉得边缘还是宽了,可以将0.8设置大点

@Overridepublic void onStart() {

super.onStart();

Dialog dialog =getDialog();

if(dialog != null){

DisplayMetrics displayMetrics = new DisplayMetrics(); getActivity().getWindowManager().getDefaultDisplay().getMetrics(displayMetrics); dialog.getWindow().setLayout((int) (displayMetrics.widthPixels *0.8),

ViewGroup.LayoutParams.WRAP_CONTENT); }}

效果是与上图一样的;

方法三:重写onStart()

@Overridepublic void onStart() {

getDialog().getWindow().getAttributes().width = (int) (getResources().getDisplayMetrics().widthPixels * 0.8);

getDialog().getWindow().setGravity(Gravity.CENTER);

super.onStart();}

另有比较靠边缘一点的:重写oncreate()

@Overridepublic void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setStyle(DialogFragment.STYLE_NO_TITLE,android.R.style.Theme_Holo_Light_Dialog_MinWidth);}

setStyle()方法需要在onCreateView()调用之前设置;如果覆写了onCreateDialog()方法后,就不能覆写onCreateView()方法了

效果如下

自定义DialogFragment_第5张图片

其中:setStyle(int ,int)方法的前参数有四周,上面引用的为去除标题

STYLE_NORMAL:一个基本的,正常的对话框。

STYLE_NO_FRAME:不要画任何框架;由onCreateView(LayoutInflater、ViewGroup、Bundle)返回的视图层次结构完全负责绘制对话框。(无框)

STYLE_NO_INPUT:与STYLE_NO_FRAME相似,但也禁用对话框中的所有输入。(无法输入内容)

STYLE_NO_TITLE:不要包括标题区。



后记:

1)更改title的颜色,大小等

TextView title = (TextView)getDialog().findViewById( android.R.id.title );

title.setTextColor(Color.parseColor("#333333"));

2)回退栈来保持fragment的状态

如何添加一个Fragment事务到回退栈:FragmentTransaction.addToBackStack(String)


源码分析参考链接:DialogFragment源码分析及应用实战

你可能感兴趣的:(自定义DialogFragment)