【Android】仿IOS自定义Dialog简易Demo

Android框架自带的Dialog难看,想要ios效果的Dialog对话框,十分简单,只需以下几步即可,效果如图:

【Android】仿IOS自定义Dialog简易Demo_第1张图片
CustomDialog

1、首先自定义Dialog,其代码主要是添加1个可以传样式参数的构造方法:

public class CustomDialog extends Dialog {
private Context context;
private int resId;
public CustomDialog(Context context, int resLayout) {
this(context,0,0);
}
public CustomDialog(Context context, int themeResId, int resLayout) {
super(context, themeResId);
this.context = context;
this.resId = resLayout;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.setContentView(resId);
}
}

2、然后是自定义Dialog的xml布局:


xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="275dp"
android:layout_height="160dp"
android:background="@drawable/shape_dialog_ios"
android:orientation="vertical">
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2"
android:gravity="center"
android:text="你确认要变成大神吗?"
android:textColor="#666666"
android:textSize="18sp"/>
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="#acacac"/>
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="horizontal">
android:id="@+id/cancel"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="取消"
android:textColor="#666666"
android:textSize="15sp"/>
android:id="@+id/ok"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="确认"
android:textColor="#fe6000"
android:textSize="15sp"/>


3、下面设置一下布局中Dialog对话框的四个角为圆角来模仿IOS对话框,也就是布局中的背景shape_dialog_ios文件:





4、主要是设置样式,才可以更像IOS对话框:


5、最后就是在Activity中应用自定义好的Android Dialog对话框了:

public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void clickDialogIos(View v){
final CustomDialog dialog=new CustomDialog(this,R.style.customDialog,R.layout.dialog);
dialog.show();
TextView tvCancel = (TextView) dialog.findViewById(R.id.cancel);
TextView tvOk = (TextView) dialog.findViewById(R.id.ok);
tvOk.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View view) {
dialog.dismiss();
Toast.makeText(getApplicationContext(), "恭喜你!你是大神了!", Toast.LENGTH_SHORT).show();
}
});
tvCancel.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View view) {
dialog.dismiss();
}
});
}
}

以上是比较基础的自定义Dialog的Demo,如想增加功能可在此基础上扩展。

你可能感兴趣的:(【Android】仿IOS自定义Dialog简易Demo)