先貼上效果圖:

效果圖.jpg

實(shí)現(xiàn)步驟特別簡(jiǎn)單:
1.新建DialogFragment類,在OnCreateView中返回你自定義的view.

public class ADDialogFragment extends DialogFragment{
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
      //加這句話去掉自帶的標(biāo)題欄
      getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
      View view = inflater.inflate(R.layout.dialogfragment_person, null);
      //init(view);
      return view;
  }
}

自定義dialogfragment_person的布局文件如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:background="@color/white"
              android:layout_height="match_parent"
              android:orientation="vertical">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15.5dp"
        android:gravity="center_horizontal"
        android:text="請(qǐng)選擇乘車人數(shù)"
        android:textColor="#666666"
        android:textSize="16sp"/>
    <TextView
        android:id="@+id/tv1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16.5dp"
        android:gravity="center_horizontal"
        android:text="1人"
        android:textColor="#333333"
        android:textSize="18sp"/>
    <TextView
        android:id="@+id/tv2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16.5dp"
        android:gravity="center_horizontal"
        android:text="2人"
        android:textColor="#333333"
        android:textSize="18sp"/>
    <TextView
        android:id="@+id/tv3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16.5dp"
        android:gravity="center_horizontal"
        android:text="3人"
        android:textColor="#333333"
        android:textSize="18sp"/>
    <TextView
        android:id="@+id/tv4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16.5dp"
        android:layout_marginBottom="16.5dp"
        android:gravity="center_horizontal"
        android:text="4人"
        android:textColor="#333333"
        android:textSize="18sp"/>
</LinearLayout>

在MainActivity的Button(或ImageView或其他)的點(diǎn)擊事件中作如下處理即可彈出dialogfragment:

ADDialogFragment dialogFragment = new ADDialogFragment();
dialogFragment.show(getFragmentManager(),"android");

ok了,這時(shí)你會(huì)發(fā)現(xiàn)它顯示在頁(yè)面中央,但是我們想讓dialogfragment顯示到頁(yè)面底部,那么只需在DialogFragment中添加如下代碼即可:

@Override
public void onStart() {
    super.onStart();
    Window window = getDialog().getWindow();
    WindowManager.LayoutParams params = window.getAttributes();
    params.gravity = Gravity.BOTTOM;
    params.width = WindowManager.LayoutParams.MATCH_PARENT;
    window.setAttributes(params);
    //設(shè)置背景透明
    window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
}

最后一步:傳遞數(shù)據(jù)到MainActivity中:
在dialogfragment中:

public interface OnDialogListener {
    void onDialogClick(String person);
}
public void setOnDialogListener(OnDialogListener dialogListener){
    this.mlistener = dialogListener;
}

在Textview的點(diǎn)擊事件中:

public OnDialogListener mlistener;
@Override
public void onClick(View view) {
    switch (view.getId()) {
        case R.id.tv1:
            mlistener.onDialogClick("1");
            dismiss();
            break; 
       case R.id.tv2:
            mlistener.onDialogClick("2");
            dismiss();
            break;
        case R.id.tv3:
            mlistener.onDialogClick("3");
            dismiss();
            break;
        case R.id.tv4:
            mlistener.onDialogClick("4");
            dismiss();
            break;
    }
}

在MainActivity中實(shí)現(xiàn)此接口即可:

dialogFragment.setOnDialogListener(new PersonDialogFragment.OnDialogListener() {
    @Override
    public void onDialogClick(String person) {
        ToastUtil.showToast(person);
    }
});