广告
返回顶部
首页 > 资讯 > 移动开发 >Android自定义弹框Dialog效果
  • 886
分享到

Android自定义弹框Dialog效果

2024-04-02 19:04:59 886人浏览 安东尼
摘要

本文实例为大家分享了Android自定义弹框Dialog效果的具体代码,供大家参考,具体内容如下 1.dialog_delete.xml <?xml version

本文实例为大家分享了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代码部分


    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();
            }
        });
    }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Android自定义弹框Dialog效果

本文链接: https://www.lsjlt.com/news/146528.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android自定义弹框Dialog效果
    本文实例为大家分享了Android自定义弹框Dialog效果的具体代码,供大家参考,具体内容如下 1.dialog_delete.xml <xml version=...
    99+
    2022-11-13
  • Android自定义弹出框dialog效果
    项目要用到弹出框,还要和苹果的样式一样(Android真是没地位),所以就自己定义了一个,不是很像(主要是没图),但是也还可以。废话不多说了,直接上代码先看布局文件<?xml version="1.0" encoding="u...
    99+
    2023-05-31
    android 弹出框 dialog
  • Android怎么自定义弹框Dialog效果
    今天小编给大家分享一下Android怎么自定义弹框Dialog效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。具体效果如下...
    99+
    2023-06-30
  • Flutter自定义弹窗Dialog效果
    本文实例为大家分享了Flutter自定义弹窗Dialog效果的具体代码,供大家参考,具体内容如下 主要是基于系统的dialog机制做一些使用限制和自定义UI的优化 核心代码: cl...
    99+
    2022-11-13
  • Android 自定义View 之 Dialog弹窗
    Dialog弹窗 前言正文一、弹窗视图帮助类二、弹窗控制类三、监听接口四、样式五、简易弹窗六、常规使用七、简易使用八、源码 前言   在日常开发中用到弹窗是比较多的,常用于提示作用,比如错误操作提示,余额不足提示,退出登录提...
    99+
    2023-08-18
    自定义Dialog 简易提示弹窗 EasyDialog
  • Android自定义对话框Dialog
    本文简单介绍自定义对话框Dialog的使用,代码和结构都非常简单,目的是能够快速使用自定义对话框,在本文中不具体讲解对话框的高级使用。 实现步骤 首先需要自己在我们的.xml文...
    99+
    2022-06-06
    dialog Android
  • Android自定义Dialog框样式
    本文实例为大家分享了Android自定义Dialog框样式的具体代码,供大家参考,具体内容如下 首先定义dialog的布局文件,buy_goods_dialog.xml如下: &...
    99+
    2022-11-12
  • 微信小程序自定义Dialog弹框
    本文实例为大家分享了微信小程序自定义Dialog弹框的具体代码,供大家参考,具体内容如下 一、创建组件 1、在根目录下自定义一个components文件夹,用来存放自定义的组件。2...
    99+
    2022-11-13
  • Android自定义弹窗提示效果
    本文实例为大家分享了Android 自定义弹窗提示的具体代码,供大家参考,具体内容如下 Java文件: private void showSetDeBugDialog() { ...
    99+
    2022-11-12
  • 小程序自定义弹出框效果
    本文实例为大家分享了小程序自定义弹出框效果的具体代码,供大家参考,具体内容如下 my-pop----api: title ------字符串---------自定义弹窗标题con...
    99+
    2022-11-13
  • Android自定义加载框效果
    本文实例为大家分享了Android自定义加载框效果的具体代码,供大家参考,具体内容如下 效果图 菊花图标(mipmap-xxhdpi) 加载框圆角背景drawable <...
    99+
    2022-11-12
  • vue自定义弹框效果(确认框、提示框)
    本文实例为大家分享了vue自定义弹框效果的具体代码,供大家参考,具体内容如下 1、自定义确认框和提示框 根据传入的type来判断是确认框或提示框 <template>...
    99+
    2022-11-12
  • Android实现自定义的弹幕效果
    一、效果图 先来看看效果图吧~~ 二、实现原理方案 1、自定义ViewGroup-XCDanmuView,继承RelativeLayout来实现,当然也可以继承其他三大布局类...
    99+
    2022-06-06
    自定义 Android
  • Android自定义scrollview实现回弹效果
    在ios手机上经常看到页面上下滑动回弹效果,安卓中没有原生控件支持,这里自己就去自定义一个scrollview实现回弹效果 1. 新建MyScrollView并继承ScrollVie...
    99+
    2022-11-13
  • ionic如何实现自定义弹框效果
    这篇文章给大家分享的是有关ionic如何实现自定义弹框效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。思路利用ionic自带的弹框$ionicPopup。隐藏头部和尾部,只保留...
    99+
    2022-10-19
  • 微信小程序自定义弹框效果
    本文实例为大家分享了微信小程序自定义弹框效果的具体代码,供大家参考,具体内容如下 wxml <!-- 取消订单按钮 --> <view class="cancelB...
    99+
    2022-11-13
  • Android studio自定义对话框效果
    本文实例为大家分享了Android studio自定义对话框效果的具体代码,供大家参考,具体内容如下 实现步骤: 第一步:自定义.xml布局文件 <?xml ver...
    99+
    2022-11-12
  • Android自定义Dialog实现文字动态加载效果
    之前在技术问答上面看到一个提问 “加载中…” 后面三个点是动态的,这么一个效果实现。想来想去,好像没想到好的处理方式。 尝试了一下,以一个最笨的方式实现了。先来看一下效果 :...
    99+
    2022-06-06
    dialog 动态 Android
  • Android怎么自定义弹出框
    本篇内容介绍了“Android怎么自定义弹出框”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!效果图先定义个一个继承自Dialog的自定义弹框...
    99+
    2023-07-02
  • Android自定义View实现弹性小球效果
    照例先看效果图 自定义代码示例 public class BezierView extends View { Paint paint;//画笔 Path path;//...
    99+
    2022-06-06
    弹性 view Android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作