用自定义布局实现仿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) popu
a9ea
View.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直接设置文字只是为了方便测试，实际开发中还是要用资源文件的方式哦