效果及演示

这个功能十分有用，并且常用，在此记录下！

如下效果：

下面的图我不再截全了。这个框只是方便开发者看，现在把框去掉！

如果不想让其透明，可以转换为这样的效果：

很丑对吧，如果是有底纹的贴图就不会这样了。

再添加一点透明度：

如果要实现底部是半透明的，控件不透明也是很简单的。

把重复的2个Rectangle放到一起，有一层是半透明，有一层是全透明，但控件不透明，这样就可以了！

伪代码

这里全透明主要是依靠这个属性：color: "transparent"

半透明主要依靠：opacity: 0.5 这个属性

伪代码如下：

//登录的那个框框
Rectangle {id: loginFramewidth: loginItem.width * 0.9height: loginItem.height * 0.4anchors {top: topRow.bottomtopMargin: topRow.height - 20horizontalCenter: topRow.horizontalCenter}//  仅仅是用于定位，看看会画到哪//border.color: "white"//border.width: 2color: "transparent"//opacity: 0.5//radius: 10//smooth: true.........
}

QML工作笔记-界面登录框设置（方便其他控件居中）相关推荐

python tkinter根据多选框设置state=‘disabled‘控件的属性
需要注意: ①当控件的state='disabled'时,属性设置可能有所变化,比如背景颜色的设置,此时属性变为"disabledbackground=". ②若控件command ...
【QT开发笔记-基础篇】| 第二章常用控件 | 2.11 列表框 QListWidget
本节对应的视频讲解:B_站_链_接 https://www.bilibili.com/video/BV1gd4y1Q7Bw Qt 中的列表框控件,对应的类是 QListWidget 它用于显示多个列表 ...
【QT开发笔记-基础篇】| 第二章常用控件 | 2.12 表格控件 QTableWidget
本节对应的视频讲解:B_站_链_接 QTableWidget 是 Qt 中的表格控件,可以行列的形式来展示数据 1. 属性和方法 QTableWidget 有很多属性和方法,完整的可查看帮助文档. 在 ...
sunwebscan下载_关于升腾DA690X2终端设置与打印控件的安装(整理篇).doc
关于升腾DA690X2终端设置及打印控件的安装一.双击运行"修改登录用户为ADMIN"的注册表文件(将开机用户默认为administrator). 二.双击安装"ITC ...
【QT开发笔记-基础篇】| 第二章常用控件 | 2.2 按钮 QPushButton
本节对应的视频讲解:B_站_视_频 https://www.bilibili.com/video/BV1zG411s7LG QPushButton 是 Qt 中的按钮,通常用于响应用户的点击,然后执行 ...
winform基础窗体设置及基础控件
WinForm - 也叫做C/S 客户端另:B/S是网页端客户端应用程序 - 是需要安装在用户电脑上才可以使用的程序特点: 不需要联网也可以打开使用部分功能,但是现在的情况是许多功能依然需要 ...
【QT开发笔记-基础篇】| 第二章常用控件 | 2.9 滑动条 QSlider
本节对应的视频讲解:B_站_链_接 https://www.bilibili.com/video/BV1BT411g791 QSlider 是滑动条控件,滑动条可以在一个范围内拖动,并将其位置转换为整 ...
IE5下通过、不会被列表框遮挡的日期控件
一般不会被列表框遮挡的日期控件都是用一个透明的iframe来做的,但在IE5下因为透明风格不被支持却无法正常使用.这个控件直接使用iframe作为日期选择界面,就解决了兼容性问题.不过只有简单的选择功 ...
python日历gui_python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例...
PyQt5日期时间控件QDateTimeEdit介绍 QDateTimeEdit是一个允许用户编辑日期时间的控件,可以使用键盘上的上下键头按钮来增加或减少日期的时间值,QDateTimeEdit通过s ...

QML工作笔记-界面登录框设置（方便其他控件居中）

效果及演示

伪代码

QML工作笔记-界面登录框设置（方便其他控件居中）相关推荐

最新文章

热门文章