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

开发中有一个需求是要制作仿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、 实际效果

亲测可用,后面补上。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值