最近做项目的时候,客户反馈说你们安卓的这个弹框太丑了,要给我做成苹果的那样。好吧,说实话,我是懵逼的。别人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)
ad.show();.subscribe(new Action1<Void >() { @Override public void call(Void aVoid) {//做保存的处理
}
}
OK,大功告成!来看一下效果
PS:代码中的edittext和textview直接设置文字只是为了方便测试,实际开发中还是要用资源文件的方式哦