自定义Dialog&DialogFragment

这是个展示dialog窗口的fragment。这个fragment包含了一个Dialog对象，它的展示是基于fragment的状态。控制dialog（决定要show，hide，dismiss等）应该通过dialogfragment的api而不是dialog的

实现这个类需要通过override方法onCreateView(LayoutInflater, ViewGroup, Bundle)来填充dialog的内容。另外，可以override方法onCreateDialog(Bundle)来创建一个完全自定义的dialog。

 

生命周期：

DialogFragment做了很多事情来控制fragment的生命周期，而不是dialog的。注意dialog是完全自主的，它有自己的window，接收自己的输入事件，经常自己决定什么时候消失(通过back键或者用户点击dialog上的button)。

DialogFragment需要保证Fragment和Dialog的状态保持一致。它监听dialog的dissmiss event，并且去处理自己的状态。这意味着应该调用 show(FragmentManager, String)或者show(FragmentTransaction, String)来添加一个DialogFragment的实例给UI层，并且它自主将remove当dialog消失的时候。

 

DialogFragment说到底还是个fragment，它爹能干的事情它也都能做，所以也可以是 通过ft.addToBackStack(null)压倒栈中，通过back键逐个resume，也可以被嵌套到更大层的UI中。

下面是个简单的dialog fragment：

 

public static class MyDialogFragment extends DialogFragment {  
    static MyDialogFragment newInstance() {  
        return new MyDialogFragment();  
    }  
  
    @Override  
    public View onCreateView(LayoutInflater inflater, ViewGroup container,  
            Bundle savedInstanceState) {  
        View v = inflater.inflate(R.layout.hello_world, container, false);  
        View tv = v.findViewById(R.id.text);  
        ((TextView)tv).setText("This is an instance of MyDialogFragment");  
        return v;  
    }  
}

下面是按照dialog形式来显示：

 

 

void showDialog() {  
    // Create the fragment and show it as a dialog.  
    DialogFragment newFragment = MyDialogFragment.newInstance();  
    newFragment.show(getFragmentManager(), "dialog");  
}

下面是添加到另一个view布局中

 

 

FragmentTransaction ft = getFragmentManager().beginTransaction();  
DialogFragment newFragment = MyDialogFragment.newInstance();  
ft.add(R.id.embedded, newFragment);  
ft.commit();

看了百度新闻的dialog和自身UI框架是挺一致的。下面是根据它的样式的模拟的代码。

 

先看看style

 

<style name="DialogStyle" parent="@android:style/Theme.Dialog">  
        <item name="android:windowBackground">@drawable/settings_window</item>  
        <item name="android:windowFrame">@null</item>  
        <item name="android:windowNoTitle">true</item>  
        <item name="android:windowIsFloating">true</item>  
        <item name="android:windowIsTranslucent">true</item>  
        <item name="android:background">@android:color/background_light</item>  
        <item name="android:windowFullscreen">true</item>  
        <item name="android:backgroundDimEnabled">true</item>  
    </style>

Style：是一个包含一种或者多种格式化属性的集合，我们可以将其用为一个单位用在布局XML单个元素当中。比如，我们可以定义一种风格来定义文本的字号大小和颜色，然后将其用在View元素的一个特定的实例。
Theme：是一个包含一种或者多种格式化属性的集合，我们可以将其为一个单位用在应用中所有的Activity当中或者应用中的某个Activity当 中。比如，我们可以定义一个Theme，它为window frame和panel 的前景和背景定义了一组颜色，并为菜单定义可文字的大小和颜色属性，可以将这个Theme应用在你程序当中所有的Activity里。

 

定义Style和Theme我觉得主要是可重用性。

 

dialog的自定义的view

 

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="300.0dip"  
    android:layout_height="fill_parent"  
    android:orientation="vertical" >  
  
    <TextView  
        android:id="@+id/title_text_view"  
        android:layout_width="300.0dip"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center_horizontal"  
        android:layout_marginBottom="10.0dip"  
        android:layout_marginTop="20.0dip"  
        android:gravity="center_horizontal"  
        android:text="@string/dialog_default_title"  
        android:textColor="@color/dialog_title_text_color"  
        android:textSize="16.0sp" />  
  
    <TextView  
        android:id="@+id/content_text_view"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center_horizontal"  
        android:layout_marginBottom="20.0dip"  
        android:layout_marginLeft="15.0dip"  
        android:layout_marginRight="15.0dip"  
        android:gravity="left"  
        android:text="@string/dialog_latest_prompt"  
        android:textColor="@color/dialog_content_text_color"  
        android:textSize="16.0sp" />  
  
    <View  
        android:layout_width="300.0dip"  
        android:layout_height="1.0dip"  
        android:background="#ffdddddd" />  
  
    <LinearLayout  
        android:id="@+id/option_bar"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:background="@color/dialog_btn_bg_color"  
        android:orientation="horizontal" >  
  
        <TextView  
            android:id="@+id/dialog_ok"  
            android:layout_width="0.0dip"  
            android:layout_height="wrap_content"  
            android:layout_weight="1.0"  
            android:background="@drawable/dialog_btn_selector"  
            android:gravity="center"  
            android:paddingBottom="14.0dip"  
            android:paddingTop="14.0dip"  
            android:text="@string/dialog_ok"  
            android:textColor="@color/dialog_content_text_color"  
            android:textSize="18.0sp" />  
  
        <View  
            android:layout_width="1.0dip"  
            android:layout_height="fill_parent"  
            android:background="#ffdddddd" />  
  
        <TextView  
            android:id="@+id/dialog_cancel"  
            android:layout_width="0.0dip"  
            android:layout_height="wrap_content"  
            android:layout_weight="1.0"  
            android:background="@drawable/dialog_btn_selector"  
            android:gravity="center"  
            android:paddingBottom="14.0dip"  
            android:paddingTop="14.0dip"  
            android:text="@string/dialog_cancel"  
            android:textColor="@color/dialog_content_text_color"  
            android:textSize="18.0sp" />  
    </LinearLayout>  
  
    <TextView  
        android:id="@+id/ok_text_view"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:background="@drawable/dialog_btn_selector"  
        android:gravity="center"  
        android:paddingBottom="14.0dip"  
        android:paddingTop="14.0dip"  
        android:text="@string/dialog_ok_label"  
        android:textColor="@color/dialog_content_text_color"  
        android:textSize="18.0sp"  
        android:visibility="gone" />  
  
</LinearLayout>

 

 

DialogFragment

 

public static class CustomDialogFragment extends DialogFragment{  
   
 public static interface DialogClickListener{  
  public void doPositiveClick();  
  public void doNegativeClick();  
 }  
   
 static DialogClickListener mListener;  
   
 public CustomDialogFragment(){  
   
 }  
   
 public static CustomDialogFragment newInstance(String title, String message, DialogClickListener listener){  
  CustomDialogFragment frag = new CustomDialogFragment();  
  Bundle b = new Bundle();  
  b.putString("title", title);  
  b.putString("message", message);  
  frag.setArguments(b);         
  mListener = listener;  
    
  return frag;  
 }  
   
   
    @Override  
public Dialog onCreateDialog(Bundle savedInstanceState) {  
    final Dialog dialog = new Dialog(getActivity(), R.style.DialogStyle);  
  
    LayoutInflater inflater = (LayoutInflater) getActivity()  
            .getSystemService(LAYOUT_INFLATER_SERVICE);  
    View view = inflater.inflate(R.layout.dialog_layout, null, false);  
  
    String title = getArguments().getString("title");  
    String message = getArguments().getString("message");  
    if (title != null && title.length() > 0) {  
        TextView t = (TextView) view.findViewById(R.id.title_text_view);  
        t.setText(title);  
    }  
  
    if (message != null && message.length() > 0) {  
        TextView m = (TextView) view  
                .findViewById(R.id.content_text_view);  
        m.setText(message);  
    }  
  
    View ok = view.findViewById(R.id.dialog_ok);  
    View cancel = view.findViewById(R.id.dialog_cancel);  
  
    ok.setOnClickListener(new OnClickListener() {  
  
        @Override  
        public void onClick(View v) {  
            dialog.dismiss();  
            if (mListener != null) {  
                mListener.doPositiveClick();  
            }  
  
        }  
  
    });  
  
    cancel.setOnClickListener(new OnClickListener() {  
  
        @Override  
        public void onClick(View v) {  
            dialog.dismiss();  
            if (mListener != null) {  
                mListener.doNegativeClick();  
            }  
        }  
  
    });  
  
    dialog.setContentView(view);  
  
    return dialog;  
}  
}

 

 

在合适的实际调用showDialog

CustomDialogFragment newFragment = CustomDialogFragment.newInstance("title", "message", null);  
   newFragment.show(getSupportFragmentManager(), "dialog");