实现的效果如下所示

这里写图片描述

其实这也只是一个DialogFragment 而已，重点只是在于界面的设计

想要使用做出这样一个DialogFragment ，需要自定义一个View，然后将该View传入到该Dialog中

先定义布局，一个TextView用于标题，一个TextView用于升级内容阐述，一个ImageView，一个确认升级的按钮

当中，按钮需要用到自定义Style

建立 DialogFragment 的子类

/** * 作者： 叶应是叶 * 时间： 2017/3/23 12:36 * 描述： */public class VersionDialogFragment extends DialogFragment {    private static final String TITLE = "title";    private static final String DESCRIPTION = "description";    private View.OnClickListener positiveCallback;    private String title;    private String description;    public static VersionDialogFragment getInstance(String title, String description) {        Bundle bundle = new Bundle();        bundle.putString(TITLE, title);        bundle.putString(DESCRIPTION, description);        VersionDialogFragment versionDialogFragment = new VersionDialogFragment();        versionDialogFragment.setArguments(bundle);        return versionDialogFragment;    }    @Override    public void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        Bundle bundle = getArguments();        title = bundle.getString(TITLE);        description = bundle.getString(DESCRIPTION);    }    public void show(FragmentManager fragmentManager, View.OnClickListener positiveCallback) {        this.positiveCallback = positiveCallback;        show(fragmentManager, "VersionDialogFragment");    }    @NonNull    @Override    public Dialog onCreateDialog(Bundle savedInstanceState) {        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());        LayoutInflater inflater = getActivity().getLayoutInflater();        final View view = inflater.inflate(R.layout.version_dialog, null);        TextView tv_title = (TextView) view.findViewById(R.id.tv_title);        TextView tv_description = (TextView) view.findViewById(R.id.tv_description);        Button btn_upgrade = (Button) view.findViewById(R.id.btn_upgrade);        tv_title.setText(title);        tv_description.setText(description);        btn_upgrade.setOnClickListener(positiveCallback);        builder.setView(view);        return builder.create();    }}

然后再到 MainActivity 中调用Dialog

public void showDialog(View view) {        final VersionDialogFragment dialogFragment = VersionDialogFragment.getInstance("2.0.1新版本发布啦", "更多功能等你体验");        dialogFragment.show(getSupportFragmentManager(), new View.OnClickListener() {            @Override            public void onClick(View v) {                Toast.makeText(MainActivity.this, "进行更新操作吧", Toast.LENGTH_SHORT).show();                dialogFragment.dismiss();            }        });    }

此时界面是这样的

这里写图片描述

可以看到 Dialog 中有较大的空白区，显得有点虚浮

这里可以选择在 VersionDialogFragment 的 onStart() 方法中指定 Dialog 所占屏幕宽度的比例

@Override    public void onStart() {        super.onStart();        Dialog dialog = getDialog();        if (dialog != null) {            DisplayMetrics dm = new DisplayMetrics();            getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);            if (dialog.getWindow() != null) {                dialog.getWindow().setLayout((int) (dm.widthPixels * 0.7), ViewGroup.LayoutParams.WRAP_CONTENT);            }        }    }

这里设置占据屏幕宽度的百分之七十

效果图如下所示

这里写图片描述

此时 Dialog 的四个角还都是直的，这里再来将之修改为圆角

在drawable文件夹下新建一个root.xml文件，作为Dialog使用到的布局的根Layout的背景

@Override    public void onStart() {        super.onStart();        Dialog dialog = getDialog();        if (dialog != null) {            DisplayMetrics dm = new DisplayMetrics();            getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);            if (dialog.getWindow() != null) {                dialog.getWindow().setLayout((int) (dm.widthPixels * 0.8), ViewGroup.LayoutParams.WRAP_CONTENT);            }        }    }

然后再修改onStart()方法，为Dialog的Window设置透明背景色

@Override    public void onStart() {        super.onStart();        Dialog dialog = getDialog();        if (dialog != null) {            DisplayMetrics dm = new DisplayMetrics();            getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);            if (dialog.getWindow() != null) {                dialog.getWindow().setLayout((int) (dm.widthPixels * 0.7), ViewGroup.LayoutParams.WRAP_CONTENT);                dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);            }        }    }

这样，总的效果就都完成了

这里提供示例代码下载：