精华内容
下载资源
问答
  • 自定义Dialog样式,修改Dialog背景

    千次阅读 2019-04-23 10:40:01
    final Dialog dialog = new Dialog(this); View view = LayoutInflater.from(this).inflate(R.layout.xxx, null); //自定义样式 TextView btn = view.findViewById(R.id.finish_btn); ...
            final Dialog dialog = new Dialog(this);
            View view = LayoutInflater.from(this).inflate(R.layout.xxx, null);  //自定义样式
            TextView btn = view.findViewById(R.id.finish_btn);
            btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    dialog.dismiss();
                }
            });
            dialog.setContentView(view);
            dialog.getWindow().setBackgroundDrawableResource(R.drawable.bg_transparent);//设置默认背景为透明,默认为windowBackground;
            dialog.setCancelable(false);  //禁止点击dialog外界取消
            dialog.setOnKeyListener(new DialogInterface.OnKeyListener() {  //按键监听
                @Override
                public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
                    if (event.getAction() == KeyEvent.ACTION_DOWN) {  //双击返回按钮退出应用
                        if (System.currentTimeMillis() - FIRST_CLICK_EXIT_TIME <=                    DOUBLE_CLICK_EXIT_INTERVAL_TIME) {
                            System.exit(0);
                        } else {
                            FIRST_CLICK_EXIT_TIME = System.currentTimeMillis();
                        }
                        return true;
                    }
                    return false;
                }
            });
            dialog.show();

     

    展开全文
  • <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose" :append-to-body="true"> </el-dialog>
    <el-dialog title="提示"
                       :visible.sync="dialogVisible"
                       width="30%"
                       :before-close="handleClose"
                       :append-to-body="true">
    </el-dialog>
    
    展开全文
  • vue-dialog的弹出层组件

    2020-12-04 02:06:44
    本文章通过实现一个vue-dialog的弹出层组件,然后附加说明如果发布此包到npm,且能被其他项目使用。 功能说明 多层弹出时,只有一个背景层。 弹出层嵌入内部组件。 弹出层按钮支持回调 源码下载 实现 多层弹出时...
  • <el-dialog title="用户注册" :visible.sync="dialogVisible" width="30%" :before-close="handleClose" :append-to-body="true">...将el-dialog的append-to-body属性设为true 官网说明.

    在这里插入图片描述
    需要点击一下屏幕颜色才会变亮
    在这里插入图片描述
    解决方法:

    <el-dialog title="用户注册"
                       :visible.sync="dialogVisible"
                       width="30%"
                       :before-close="handleClose"
                       :append-to-body="true">
    

    将el-dialog的append-to-body属性设为true
    官网说明:在这里插入图片描述

    展开全文
  • 改变Dialog背景透明度

    2010-04-09 21:22:25
    转载:[url]... [code="java"]Dialog dg = new Dialog(this); Window window = dg.getWindow(); WindowManager.LayoutParams lp = window.getAttributes(); ...
    转载:[url]http://griffinshi.iteye.com/blog/607125[/url]
    
    Dialog dg = new Dialog(this);


    Window window = dg.getWindow();
    WindowManager.LayoutParams lp = window.getAttributes();
    lp.alpha = 0.5f;
    window.setAttributes(lp);

    lp.alpha = 0.5f 透明度设置 其值要合理 自己反复测试

    为什么要这个技巧 因为很多人说:弹出Dialog会导致背景变暗 有Animation发生 导致性能变慢 可以用这个改变之 而且可以借助这个 使得全透明 不挡住Dialog后面内容的显示
    展开全文
  • 解决vue和el-dialog的遮罩层消失

    千次阅读 2019-11-04 11:27:46
    解决vue和element UI中对话框的遮罩层消失,在el-dialog标签里添加 :modal-append-to-body=‘false’ 错误分析 1)若el-dialog弹出框设置了modal-append-to-body=‘true’(默认)属性,它的遮罩层就会被插入到body...
  • Q1:外层dialog 打开内层dialog ,第一次打开内层正常,第二次打开内层失效,关闭外层dialog才显示内层dialog. Q2:外层dialog打开内层dialog,第二次打开遮障出错. 问题原因 A1:没有加modal-append-to-body 跟append...
  • Vue中关闭dialog时销毁DOM、数据等

    千次阅读 2019-12-04 14:59:12
    背景:今天在写Vue时遇到一个用element-ui的dialog时,里面用路由引用的其它页面。 多个数据共用一个dialog,但是除了第一次点击的时候,触发了引用页面的created()里方法,无论再怎么点击其它数据的方法也无法触发...
  • 设置透明度(貌似是dialog自身的透明度)WindowManager.LayoutParams lp=dialog.getWindow().getAttributes(); lp.alpha=1.0f; dialog.getWindow().setAttributes(lp); alpha在
  • 设置Dialog点击背景屏幕 Dialog不消失

    千次阅读 2013-11-19 14:15:38
    dialog.setCanceledOnTouchOutside(false);// 设置点击屏幕Dialog不消失  业务的需求是变化莫测的,最近就遇到一个需求是——用户只有点击Dialog的取消按钮才会消失,点击屏幕的时候不消失。Android ...
  • ①创建组件Dialog.vue: <template> <div class="m-dialog-mask"> <div class="m-modal"> <div class="m-modal-content"> <div @click="onClose" class="u-close">&#10006...
  • 自定义dialog设置背景透明度

    千次阅读 2016-10-08 10:23:44
    自定义dialog只需要几家代码就能实现背景透明。  在dialog初始化的时候加入下面几句代码就行了。  WindowManager.LayoutParams lp = window.getAttributes();  //设置背景透明度 背景透明  lp.alpha = 0.8f;...
  • 基于VueDialog对话框组件的实现

    千次阅读 2020-02-24 13:59:10
    基础组件dialog.vue 说明:在dialog组件最外层div上设置@click.stop是为了防止事件冒泡触发上层点击事件。 用require引入图片,否则在编译后是找不到图片的。 ...
  • Vue中配置el-dialog样式

    2021-08-13 10:32:49
    效果图: 使用: <template> <div> <LjButton @click="dialogVisible = true">打开弹出框</LjButton>...el-dialog title="" :visible.sync="dialogVisible" :modal-ap.
  • vue.js提示框插件(vuejs-dialog)使用指南

    万次阅读 2018-05-11 10:26:57
    vue.js提示框插件综述在项目中,代替浏览器原生的alert、confirm和prompt名称:vuejs-dialog用途:简洁美观的对话框官网:地址github:地址预览备注基于promise,如果要在IE9上使用,请引入相关profill&...
  • .upload-dialog .el-dialog__header { border-bottom: 1px solid #e8eaec; background: #b9d3f0; } </style> 记住style里面的那个scope一定要去掉, 其中: background: #b9d3f0;是定义了头部的背景颜色...
  • 网上找了很久解决方案,都无法解决,其实只要加一个属性即可解决。... 鼠标事件被背景body获取 ,而不是被弹窗所获取,因此滚动鼠标触发的是背景的滚动 解决:  为子组件弹窗加入 append-to-bod...
  • ElementUI中Dialog 对话框修改背景色等样式修改 1. 不能将使用scoped,既不能将对话框样式放到带有scoped的style中 <style scoped> </style> 2. 另外加个style, dialog1为对话框样式代码如下 &...
  • element 修改dialog背景颜色

    千次阅读 2020-07-05 13:43:28
    工作中有个需求dialog上只显示一个echart图,没有头,没有脚。后来进行修改样式,发下在scoped里面进行修改,没有一点鸟用~~后来查资料发现这个样式不能写在scoped里面,但是直接在<style>里面写就就会影响...
  • vue 使用 el-dialog出现多了一层

    千次阅读 2019-04-03 16:29:23
    :modal-append-to-body="false" :append-to-body="true" 请看官方文档 :http://element-cn.eleme.io/2.0/#/zh-CN/component/dialog#dialog-dui-hua-kuang
  • VUE+elementUi 后台管理系统踩坑日记 (el-dialog) el-dialog弹窗组件踩坑,https://element.eleme.cn/2.8/#/zh-CN/component/dialog。 从文档中得知当弹窗打开时是默认body禁止滚动的,但是项目中发现当弹窗打开...
  • .el-dialog__header { background: #1468A4; } /* 弹出层设置背景色 底部*/ .el-dialog__footer { background-color: #5ABEF2 !important; } /* 弹出层设置背景色 身体部份*/ .el-dialog__body{ background:...
  • Vue + element-ui 背景图片设置

    万次阅读 2018-12-28 10:02:19
    Vue + element-ui 背景图片设置 初学vue 看到其他网址都有些背景图片,于是试着自己也写了一下,表述不好请见谅 实现效果 找到你想要设置背景图片的页面 data里设置url data() { return { url: '', ...
  • 自定义的dialog在布局中设置了背景,但是底部一直有白色的一层背景,实际为dialog中mWindow的背景。 解决方法: 在自定义dialog的构造方法中添加下面代码即可: getWindow().setBackgroundDrawableResource(android.R...
  • element的dialog弹框的背景

    千次阅读 2020-08-19 10:26:31
    对于弹框的背景色,我们会发现,平时的background-color和background修改的颜色不是弹框部分,而是后面的半透明背景部分,那如果是弹框部分要怎么改呢? .el-dialog{ background: rgb(250,249,254); } 通过F12...
  • 去除Dialog的黑色背景

    2015-11-23 11:35:49
    protected void selectTimePeriod() { final AlertDialog ab = new AlertDialog.Builder(this).create(); View view = View.inflate(CalendarActivity.this, R.layout.dialog_select_time_period, null); //vie
  • 昨天研究了一下自定义Dialog的弹框,其实要点都是把自定义好的view用setContentView(view)的方法设置进dialog里,首先我们先看一个简单的自定义Dialog。 一、写布局文件:custom_dialog_layout.xml(这个布局就是一个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,125
精华内容 450
关键字:

dialog背景vue

vue 订阅