用自定义布局实现仿IOS的dialog布局

最近做项目的时候，客户反馈说你们安卓的这个弹框太丑了，要给我做成苹果的那样。好吧，说实话，我是懵逼的。别人IOS的弹框是系统自带的，我们安卓又没有，怎么办呢，客户就是上帝，当然就是想办法实现咯。好了，我们来看一下IOS的弹框是什么样的。

好吧，大概就是长这个样子。安卓要怎么做出这种样式的dialog呢，好吧，其实也简单，就是用自定义布局来做。

//drawable文件

xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="10dp"
    android:paddingTop="10dp"
    android:background="@drawable/activitybackround"
    android:id="@+id/popup_view"
    android:orientation="vertical">

    <TextView
        android:id="@+id/popup_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="10dp"
        android:text="编辑资料"
        android:textColor="@color/black"
        android:textSize="15sp" />

    <EditText
        android:id="@+id/popup_edit"
        android:layout_marginBottom="5dp"
        android:layout_height="35dp"
        android:layout_width="match_parent"
        android:background="@drawable/shape_common_edit"
        android:layout_marginTop="@dimen/login_margin_btn"
        android:layout_marginRight="@dimen/activity_horizontal_margin"
        android:layout_marginLeft="@dimen/activity_horizontal_margin"
        android:hint="请输入内容"
        android:lines="2"
        android:maxLines="2"
        android:textSize="14sp"
        android:layout_gravity="center"
        android:gravity="center" />
    <View
        android:visibility="visible"
        android:layout_marginTop="15dp"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#f0f0f0"
      />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/popup_cancel"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="4.9"
            android:gravity="center"
            android:text="取消"
            android:textSize="15sp"
            android:textColor="@color/blue"/>
        <TextView
            android:textColor="#f0f0f0"
            android:gravity="center"
            android:textSize="25sp"
            android:text="|"
            android:layout_weight="0.2"
            android:layout_width="0dp"
            android:layout_height="match_parent" />

        <TextView
            android:id="@+id/popup_save"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="4.9"
            android:gravity="center"
            android:text="确定"
            android:textSize="15sp"
            android:textColor="@color/blue"/>
    LinearLayout>
LinearLayout>

//整个dialog的背景（drawable文件）

xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ffffff" />
    <corners android:topLeftRadius="15dp"
        android:topRightRadius="15dp"
        android:bottomRightRadius="15dp"
        android:bottomLeftRadius="15dp"/>
shape>

//edittext的背景

xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
   <stroke android:width="@dimen/common_line"  android:color="@color/edit_width_color"/>
    <corners android:radius="@dimen/edit_radiou" />
    <solid android:color="@color/white" />
shape>

//java代码

private PopupWindow nPopupWindow;
private View popuView;

private void setEditProfil() {		

LayoutInflater relativeLayout = (LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
popuView = relativeLayout.inflate(R.layout.editprofil_modify_popup, null);
final AlertDialog ad=new AlertDialog.Builder(EditProfileActivity.this).create();
ad.setView(popuView);
nikeeditText = (EditText) popuView.findViewById(R.id.popup_edit);
LinearLayout view = (LinearLayout) popuView.findViewById(R.id.popup_view);
tvSave = (TextView) popuView.findViewById(R.id.popup_save);
tvCancel = (TextView) popuView.findViewById(R.id.popup_cancel);
tvCancel.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        ad.dismiss();
    }
});
tvName = (TextView) popuView.findViewById(R.id.popup_name);
tvName.setText("编辑昵称");
nikeeditText.setHint("请输入你的昵称");

RxView.clicks(tvSave)

.subscribe(new Action1<Void >() {
    @Override
    public void call(Void aVoid) {

//做保存的处理

}

}

ad.show();

OK,大功告成！来看一下效果

PS:代码中的edittext和textview直接设置文字只是为了方便测试，实际开发中还是要用资源文件的方式哦