2519天 Mr.贰呆

唯一自信的就是自己的人品。
寻求王者玩家一起开黑净化峡谷环境​​

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

发布于 / 1868 次围观 / 0 条评论 / Android / 二呆 /

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,如想增加功能可在此基础上扩展。

sitemap