温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android怎么自定义弹框Dialog效果

发布时间:2022-04-19 17:12:20 来源:亿速云 阅读:249 作者:iii 栏目:开发技术

今天小编给大家分享一下Android怎么自定义弹框Dialog效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

具体效果如下

Android怎么自定义弹框Dialog效果

1.dialog_delete.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <RelativeLayout
        android:layout_width="236dp"
        android:layout_height="184dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/dialog_white_back">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="删除设备"
            android:textColor="#333333"
            android:textSize="15sp"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="13dp"></TextView>
        <ImageView
            android:id="@+id/delete_close_id"
            android:layout_width="10dp"
            android:layout_height="10dp"
            android:background="@mipmap/login_close_back"
            android:layout_alignParentRight="true"
            android:layout_marginTop="16dp"
            android:layout_marginRight="13dp"></ImageView>
 
        <TextView
            android:id="@+id/delete_device_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="设备   ID:123456789"
            android:textColor="#333333"
            android:textSize="16sp"
            android:layout_marginTop="75dp"
            android:layout_centerHorizontal="true"></TextView>
 
        <TextView
            android:id="@+id/delete_cancle_id"
            android:layout_width="77dp"
            android:layout_height="26dp"
            android:background="@drawable/round_gray"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="18dp"
            android:layout_marginLeft="31dp"
            android:text="取消"
            android:textSize="11sp"
            android:textColor="#333333"
            android:gravity="center"></TextView>
 
        <TextView
            android:id="@+id/delete_sure_id"
            android:layout_width="77dp"
            android:layout_height="26dp"
            android:background="@drawable/round_blue"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="18dp"
            android:layout_alignParentRight="true"
            android:layout_marginRight="32dp"
            android:text="确定"
            android:textSize="11sp"
            android:textColor="#FEFDFD"
            android:gravity="center"></TextView>
    </RelativeLayout>
</RelativeLayout>

2.设置背景边框,在drawable创建dialog_white_back.xml

颜色以及圆角 根据自己需求修改

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
 
    <solid android:color ="#ffffff"/>
    <corners
        android:radius="8dp"/>
</shape>

3.按钮的背景边框,在drawable创建round_gray.xml

颜色以及圆角 根据自己需求修改

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
 
    <solid android:color = "#DCDCDC" />
    <corners
        android:radius="360dp"/>
</shape>

4.在Style文件中添加

<!--Dialog 样式 -->
    <style name="BottomDialog" parent="AlertDialog.AppCompat">
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowFrame">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:backgroundDimEnabled">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:fullBright">@color/clear</item>
        <item name="android:fullDark">@color/clear</item>
        <item name="android:topBright">@color/clear</item>
        <item name="android:topDark">@color/clear</item>
        <item name="android:borderlessButtonStyle">@color/clear</item>
</style>

5.Java代码部分

/**
     * 删除AlertDialog
     */
    public void DeleteDialog() {
        //布局、id
        View view = LayoutInflater.from(getActivity()).inflate(R.layout.dialog_delete, null);
        ImageView delete_close_id = view.findViewById(R.id.delete_close_id);
        TextView delete_device_id = view.findViewById(R.id.delete_device_id);
        TextView delete_cancle_id = view.findViewById(R.id.delete_cancle_id);
        TextView delete_sure_id = view.findViewById(R.id.delete_sure_id);
        //显示样式
        final Dialog dialog = new Dialog(getActivity(), R.style.BottomDialog);
        dialog.setContentView(view);
        dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);
 
        DisplayMetrics dm = getResources().getDisplayMetrics();
        int displayWidth = dm.widthPixels;
        int displayHeight = dm.heightPixels;
        android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //获取对话框当前的参数值
        p.width = (int) (displayWidth * 0.8); //宽度设置为屏幕的0.5
        //dialog.setCanceledOnTouchOutside(false);// 设置点击屏幕Dialog不消失
        dialog.getWindow().setAttributes(p);  //设置生效
        dialog.show();
        //点击关闭
        delete_close_id.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
        //点击确定删除
        delete_sure_id.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
        //点击取消删除
        delete_cancle_id.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
    }

以上就是“Android怎么自定义弹框Dialog效果”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI