【Android】仿IOS自定义Dialog简易Demo
Android框架自带的Dialog难看,想要ios效果的Dialog对话框,十分简单,只需以下几步即可,效果如图:
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布局:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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"> <TextView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="2" android:gravity="center" android:text="你确认要变成大神吗?" android:textColor="#666666" android:textSize="18sp"/> <View android:layout_width="match_parent" android:layout_height="0.5dp" android:background="#acacac"/> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="horizontal"> <TextView 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"/> <TextView 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"/> </LinearLayout> </LinearLayout>
3、下面设置一下布局中Dialog对话框的四个角为圆角来模仿IOS对话框,也就是布局中的背景shape_dialog_ios文件:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="10dp" /> <solid android:color="#FFFFFF" /> </shape>
4、主要是设置样式,才可以更像IOS对话框:
<!--CustomDialog--> <style name="customDialog" parent="Theme.AppCompat.Dialog"> <item name="android:windowFrame">@null</item><!--取消默认Dialog的windowFrame框--> <item name="android:windowNoTitle">true</item><!--设置无标题Dialog--> <item name="android:backgroundDimEnabled">true</item><!--是否四周变暗--> <item name="android:windowIsFloating">true</item><!-- 是否悬浮在activity上 --> <item name="android:windowContentOverlay">@null</item><!-- 取消默认ContentOverlay背景 --> <item name="android:windowBackground">@android:color/transparent</item><!--取消window默认背景 不然四角会有黑影--> </style>
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,如想增加功能可在此基础上扩展。