自定义dialog去除黑色或者白色边框

版权声明:版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/li_chengyang/article/details/86598901

开发中有一个需求是要制作仿IOS的dialog,这里记录一下过程。

1、 编写自定义dialog的布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:layout_width="@dimen/dialog_message_width"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/dialog_message_bg"
        android:orientation="vertical"
        android:paddingTop="20dp">

        <TextView
            android:id="@+id/tv_dialog_message_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:textColor="#333333"
            android:textSize="18sp"
            tools:text="标题" />

        <TextView
            android:id="@+id/tv_dialog_message_message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginLeft="15dp"
            android:layout_marginTop="10dp"
            android:layout_marginRight="15dp"
            android:layout_marginBottom="10dp"
            android:textColor="#333333"
            android:textSize="17sp"
            tools:text="内容" />

        <View
            android:layout_width="match_parent"
            android:layout_height="@dimen/dialog_line_size"
            android:layout_marginTop="10dp"
            android:background="@color/dialog_line" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_dialog_message_cancel"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@drawable/dialog_message_left_button"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:text="@string/dialog_cancel"
                android:textColor="@color/dialog_cancel"
                android:textSize="16sp" />

            <View
                android:id="@+id/v_dialog_message_line"
                android:layout_width="@dimen/dialog_line_size"
                android:layout_height="match_parent"
                android:background="@color/dialog_line" />

            <TextView
                android:id="@+id/tv_dialog_message_confirm"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@drawable/dialog_message_right_button"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:text="@string/dialog_confirm"
                android:textColor="@color/dialog_confirm"
                android:textSize="16sp" />
        </LinearLayout>

    </LinearLayout>

</FrameLayout>

2. 自定义dialog的style(这一步很重要,这里来设置dialog的显示状态)

<style name="TipDialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">false</item>
        <!--隐藏标题栏-->
        <item name="android:windowNoTitle">true</item>
        <item name="android:background">@android:color/transparent</item>
        <!--用#00000000,否则的话这儿出来后有一个黑色的背景-->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!--设置背景变暗-->
        <item name="android:backgroundDimEnabled">true</item>

    </style>

3、 在代码中使用

private void showTipDialog(String msg, View.OnClickListener listener) {

        AlertDialog.Builder builder = new AlertDialog.Builder(RegisterActivity.this, R.style.TipDialog);
        tipDialog = builder.create();

        View contentView = View.inflate(RegisterActivity.this, R.layout.dialog_message, null);
        TextView title = (TextView) contentView.findViewById(R.id.tv_dialog_message_title);
        TextView message = (TextView) contentView.findViewById(R.id.tv_dialog_message_message);
        TextView cancel = (TextView) contentView.findViewById(R.id.tv_dialog_message_cancel);
        TextView confirm = (TextView) contentView.findViewById(R.id.tv_dialog_message_confirm);

        title.setText("提示");
        message.setText(msg);
        cancel.setOnClickListener(listener);
        confirm.setText("再试试");
        confirm.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tipDialog.dismiss();
            }
        });

        tipDialog.setCancelable(true);
        tipDialog.show();

        tipDialog.setContentView(contentView);
    }

4、 实际效果

亲测可用,后面补上。

猜你喜欢

转载自blog.csdn.net/li_chengyang/article/details/86598901