QToolButton怎么设置遮罩

2024-08-23

QT学习之如何在QToolBar中添加带图标的QToolButton并设置图标大小

在网上查到了三种方法,找到一种比较好理解的. 使用QIcon类: QToolButton *toolBtn1 = new QToolButton(this); //创建QToolButton toolBtn1->setIcon(QIcon(":/res/1.png")); //添加图标 toolBtn1->setFixedSize(,); //调图标大小(不是setIconSize) ui->mainToolBar->addWidget(toolBtn1); /

Struts2 利用AJAX 导出大数据设置遮罩层

Struts2 利用AJAX 导出大数据设置遮罩层需求背景: 每次我们导出excel的时候 ,如果数据量很大,导出花费的时间会很长,页面却有没人任何反应,这个时候用户会认为系统有问题,要么关了页面,要么狂点导出.感知太差了~甚至用户误操作会导致服务器崩溃.所以我么我们需要通过进度条方式告知客户导出的进度.通过在导出过程中循环请求后台确认时候导出完毕来控制遮罩层在某个时候关闭. 解决办法: 之前反复用了N种方式都没有解决类似问题, 1.iframe 方式最终拜拜 2.ajax 方式 ajax

Webview窗口设置遮罩层

在Webview窗口中如果存在子Webview的情况下,使用html中的css来做页面遮罩无法覆盖子Webview,为了解决此问题,WebviewStyle对象添加mask属性,用于设置Webview窗口的遮罩层. mask属性值为字符串类型,可取值: rgba字符串,定义纯色遮罩层样式,如"rgba(0,0,0,0.5)": “none",表示不使用遮罩层. Webview的遮罩层会覆盖Webview中所有内容(包括子Webview),并且截获Webview窗口的所有触屏事

弹出页面遮罩层，以及web端和移动端阻止遮罩层的滑动。

最近项目遇到了遮罩层的一些问题,总结一下: 弹出遮罩层遮罩层弹出有非常多的方法,这里只写出本人用的代码,使用jq操作dom的方法进行实现的. <style>.box{position:absolute;width:100%;left:50%;height:auto;z-index:100;background-color:#f5f5f5;border:1px #ddd solid;padding:1px;}</style><div id="bg" v-c

ajax参数设置略解

通过ajax可以直接由页面访问到服务器.做到不刷新页面,就能刷新数据,为开发带来很大的便利. 1.ajax方式的参数及其功能: $.ajax({ type : "POST", //传输方式: get,post url : "${ctx}/test.do?no-cache=" + Math.random(), //访问url,添加时间戳,去缓存机制 cache : false, //去缓存,只在GET方式的时候有效 data : { "data"

Css动画形式弹出遮罩层，内容区上下左右居中于不定宽高的容器中

<!DOCTYPE html> <html> <head> </head> <body id="body"> <!-- /*弹出遮罩层*/ 第一步:初始化遮罩层的基本属性,将其相对于浏览器窗口定位,将其尺寸缩放为0 第二步:设置遮罩层的高度,以便弹出式覆盖整个浏览器窗口第三步:通过点击事件给遮罩层添加弹出动画类 /*固定宽高盒子上下左右居于不定宽高容器正中*/ 第一步:设置待定位盒子和宽高值第二步:将待定位盒子pos

兼容ie7、8、9、10、FF、Chrome的遮罩显示

经常碰到这种情形,要实现图片上有一层遮罩和按钮,鼠标滑过时遮罩颜色变深且按钮图片变化,磕磕碰碰终于弄出来题目所述兼容的解决方案. 对于遮罩的实现,将遮罩层.按钮.图片放置在同一个div中,根据absolute的位置跟随特性,将遮罩层和按钮放在图片的前面,position均设置为absolute不占据任何空间.设置遮罩层的颜色和透明度,由于颜色和透明度会设置到整个遮罩层及其子元素的透明度,如果将按钮图片放在遮罩层内,按钮图片也会有透明度,达不到所要的视觉效果,所以将遮罩层和按钮图标设置为平级.

jQuery 屏幕遮罩

1.先做一个可以覆盖整个屏幕的div,颜色为黑色,然后再设置透明度,作为遮罩#zhezhao { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black; opacity: 0.1;//以下三项是各种浏览器的透明度,可进行更改 filter: alpha(opacity=10); -moz-opacity: 0.1; display: none;//一上来默认是隐藏的,

在jQuery环境下制作轻巧遮罩层

遮罩层的好处就是可以屏蔽用户对遮罩层下方元素的操作. 制作原理很简单:1设置遮罩层触发按钮 2设置遮罩层内容 3设置遮罩层背景(重点是捕获内容div的大小位置)4设置点击触发按钮遮罩层背景内容同时显示或隐藏. 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

纯js制作遮罩层对话框 -- g皓皓

//本文支持js在线工具测试.转载请注明出处. <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>UntitledDocument</title> <script> func

css实现遮罩层，父div透明，子div不透明

使用元素的opacity 属性,设置遮罩层的效果, 主要样式是:background-color: #ooo; opacity:0.3; <div style="width:500px; height:500px;position:fixed; top :0px;background-color:#000;opacity:0.3;text-align:center"> <div style="float:right; width:100px;height:

Qt实现半透明遮罩效果

本文索引: 需求原理实现遮罩控件遮罩的使用需求我们在显示一些模态对话框的时候,往往需要将对话框的背景颜色调暗以达到突出当前对话框的效果,例如: 对话框的父窗口除了标题栏以外的部分都变暗了,在父窗口的对比下对话框的显示效果就得到了强调. 这种设计多见于web页面,当用户点击诸如购买之类的按钮后页面会弹出一个购物清单确认对话框,并将对话框以外的内容用类似图中的效果处理,使用户可以将注意力集中在对话框本身. 今天我们也将使用Qt来实现这一效果. 原理在介绍具体做法前我想先介绍一点预备知识-

GUI学习之八——QToolButton的学习总结

QToolButton提供一个快速的访问按钮,通常在工具栏内使用,一般不显示文本标签而显示图标. 一.按钮的样式风格设置可以按照下面的风格对按钮进行样式设置从左到右依次是仅显示图标.仅显示文字.图标在文本左侧和文字在图标下侧.代码是这样的 btn.setToolButtonStyle(Qt.ToolButtonTextUnderIcon) #设置样式 btn.toolButtonStyle() #获取样式 #下面是样式设置的枚举值 Qt.ToolButtonIconOnly #仅显示图标 ,

弹窗查看内容时内容滚动区域设置为body区

看到渣浪的查看文章或者查看大图有个效果:弹窗查看内容时,如果内容过长有滚动条,则滚动条会被放到body区滚动什么意思呢? 看个图片,一般正常弹窗是有宽高限制的,如果内容过长则直接在弹窗中进行滚动点我预览将滚动位置放到整个body中,让弹窗中内容自适应高度这么做的好处自然很明显,body区域有更大的可视区域,来看看最后的效果点我预览那具体是怎么实现呢其实不算很难,各位看官可以先想一想能怎么搞首先,得先弄一个基本的弹窗逻辑,为了简单,就直接操作了.可以自行封装写个HTML结构 <b

QToolButton按钮

继承 QAbstractButton QToolButton是与工具操作相关的按钮,通常和QToolBar搭配使用.QToolButton一般不用来显示文本,而显示图标QIcon 需要 from PyQt5.QtWidgets import QToolButton 请注意不能在QToolButton实例化的时候直接传入文本字符串,因为该控件没有相应的初始化函数.也就是说这样做是错误的:self.test_button = QToolButton('Test', self) 如果要设置文本的话

css3 制作一个遮罩

思路:1.显示两块图片,2.图片区域(初始隐藏),3.鼠标移入,遮罩显示,此时遮住图片,4.鼠标移出,遮罩恢复初始状态用到两个css3 属性:transtion ,transform 用法: 1. transition:property duration timing-function delay; property:变化的属性 duration:属性变化持续的时间 time-function:变化的效果 delay:延迟时间 <!DOCTYPE html> <html lang=&q

遮罩效果 css3

CSS3提供了遮罩效果,这是以前CSS2中比较难实现的一个新特性,配合SVG或者canvas同样也可以实现遮罩效果,他的效果就如下图所示: 简单的说就是在一个层上面加一个过滤层,过滤层透明度越低,底层就显示的越多,反之,底层显示越少 1. CSS3属性 CSS3中提供的新属性有(括号为跟background对应类似的属性): -webkit-mask-image:设置遮罩图片地址 -webkit-mask-position: 定义遮罩层的出现位置,可以取值px或百分比,也可以指定为 top le

CSS3裁剪与遮罩解析

一.用途 CSS3裁剪与遮罩(Clipping and Masking)用来隐藏元素的一部分而显示另一部分二.区别 CSS3裁剪与遮罩(Clipping and Masking)用来隐藏元素的一部分而显示另一部分三.裁剪 3.1属性一览 3.1.1clip 语法 clip: auto | rect(top, right, bottom, left) 含义设置绝对定位元素的裁剪,为不建议使用的属性,auto值为默认值. 自对象左上角为(0,0) 计算的四个偏移数值.如果为auto,则此边不剪

C# WPF遮罩对话框（Popup Message Overlay/ Dialog Host）

时间如流水,只能流去不流回! 点赞再看,养成习惯,这是您给我创作的动力! 本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform.WPF.ASP.NET Core.Xamarin.Forms等,亦有C++桌面相关的Qt Quick和Qt Widgets等,只分享自己熟悉的.自己会的. 阅读导航: 一.先看效果二.本文背景三.代码实现四.文章参考五.代码下载一.先看效果二.本文背景 YouTube Design co

uniGUI之MASK遮罩(22)

在页面进行后台数据库操作的时候,不想用户再进行页面上的其他操作,这时候就要将页面遮罩.例如UniDBGrid有LoadMask属性. 1]使用ScreenMask函数 2]JS调用 3]一个控件控制遮罩另一个控件(如Button遮罩UniDBGrid) //很简单,本例子就是告诉大家如何在程序忙碌时弹出一个“请等待...”的提示. YourForm.ShowMask('请等待...'); UniSession.Synchronize(); . . . YourForm.HideMask

QToolButton怎么设置遮罩

热门专题