Python Qt GUI设计:UI界面可视化组件、属性概述(基础篇—4)

简介: Python Qt GUI设计:UI界面可视化组件、属性概述(基础篇—4)

目录

1、界面组件


1.1、布局组件(Layouts)


1.2、分隔组件(Spacers)


1.3、按钮组件(Buttons)


1.4、表项视图(Item Views)


1.5、表项组件(Item Widgets)


1.6、容器组件(Containers)


1.7、输入组件(Input Widgets)


1.8、显示组件(Display Widgets)


2、组件属性


Qt Designer中有很多UI界面组件,每种组件相对应有可设置的属性,本篇博文来让我们简单了解一下吧~


image.png


1、界面组件

在Qt Designer中,提供了八大类界面可视化组件分别为:布局组件(Layouts)、分隔组件(Spacers)、按钮组件(Buttons)、表项视图(Item Views)、表项组件(Item Widgets)、容器组件(Containers)、输入组件(Input Widgets)、显示组件(Display Widgets),在Qt Designer的应用界面设计时,可以将各种功能的组件拖拽到窗口上进行应用的可视化界面设计,而每种组件又可以指定不同的属性。


image.png


1.1、布局组件(Layouts)

布局组件包括:Vertical Layout(水平布局)、Horizontal Layout(垂直布局)、Grid Layout(网格布局)、Form Layout(表单布局)。


image.png


1.2、分隔组件(Spacers)

分隔组件包括:Horizontal Spacer(水平分隔)、Vertical  Spacer(垂直分隔)。


image.png


1.3、按钮组件(Buttons)

按钮组件包括:Push Button(按钮)、Tool Button(工具按钮)、Radio Button(单选框)、Check Box(复选框)、Command Link Button(命令链接按钮)、Dialog Button Box(选择按钮)。


image.png


1.4、表项视图(Item Views)

表项视图包括:List View(列表视图)、Tree View(树状视图)、Table View(表格视图)、Column View(列表视图)、Undo View(撤销视图)。


image.png


1.5、表项组件(Item Widgets)

表项组件包括:List Widget(列表表项)、Tree Widget(树状表项)、Table Widget(表格表项)。


image.png


1.6、容器组件(Containers)

容器组件包括:Group Box(组合框,可以在内部添加内容,并修改标题头)、Scroll Area(带滑动条的框)、Tool Box(抽屉式框)、Tab Widget(标签式框)、Stacked Widget(栈式,需要信号启动)、Frame(带边框的布局)、Widget(不带边框的布局)、MDI Area(分栏显示)、Dock Widget(浮动窗口)、QAxWidget(只可以在Windows环境使用)。


image.png


1.7、输入组件(Input Widgets)

输入组件包括:Combo Box(下拉选框)、Font Combo Box(下拉字体框)、Line Edit(行编辑区)、Text Edit(文本编辑区,只可以查看文字、图片和动画)、Plain Text Edit(文字编辑框)、Spin Box(调整数字框)、Double Spin Box(浮点型数字调整框)、Time Edit(时间)、Data Edit(日期)、Data/Time Edit(时间和日期)、Dial(罗盘)、Horizontal Scroll Bar(水平滚动条)、Vertical Scroll Bar(垂直滚动条)、Horizontal Slider(水平滑动条)、Vertical Slider(垂直滑动条)、Key Sequence Edit(快捷方式)。


image.png


1.8、显示组件(Display Widgets)

显示组件包括:Label(标签组件,可查看文本、网页、图片和动画等)、Text Browser(文本框)、Graphics View(绘图工具)、Calendar Widget(日历)、LCD Number(LCD 数码管)、Progress Bar(进度条)、Horizontal Line(水平分割线)、Vertical Line(垂直分割线)、OpenGL Widget(OpenGL(Open Graphics Library,开放图形库)图形渲染的部件,可以在PyQt和Qt的应用中显示图形(包括2D和3D图形))、QQuickWidget(加载QML文件)。


image.png


2、组件属性

第二部分有较多内容引用、学习该文章:Designer组件属性编辑界面中QWidget类相关属性详解,很多详细知识点可以参照该博文。


在Qt Designer中的每种组件属性编辑部分可以进行设置,如下图所示:


image.png


每种组件的属性会有所不同之处,这里以QWidget窗口为例,简单聊聊其属性,如下所示:


image.png


让我们一起看看吧~


可以看到,最顶层的节点为组件对应的父类(Form),从上往下排列的节点,基本按照父类在上,子类在下的方式排列,很好的体现了类的继承关系以及相关属性是哪个类提供的。


image.png


enabled属性


enabled属性用于表示组件是否可用,一个组件的部件可以接收和处理鼠标和键盘事件,当组件不可用时则无法接收和处理鼠标和键盘事件。


enabled属性缺省值为True,有些组件在被禁用时会以不同的方式显示自己。例如,按钮可能会将其标签显示灰色。

image.png



控制组件大小的属性有:geometry 、sizePolicy、minimumSize、maximumSize、sizeIncrement和baseSize,用于控制组件的初始大小以及动态调整大小的控制。属性配置界面的geometry定义了组件的初始大小,其他属性都与组件大小调整时控制组件的大小相关。


image.png


geometry属性


geometry属性保存组件相对于其父级对象的位置和大小,Qt实际上是以一个长方形来表示组件的位置和大小的,包括左上角的坐标位置、长和宽。


sizePolicy属性


sizePolicy属性用于说明组件在布局管理中的缩放方式,当部件没有在布局管理器中时,该设置无效。


sizePolicy属性由四个值组成,分别是水平策略、垂直策略、水平伸展和垂直伸展。


实践可参见:Python-PyQt5开发学习笔记(二):Layout(布局)


minimumSize属性


mimimumSize属性表示组件能被缩小到的最小尺寸,单位为像素,缩小到该尺寸后不能再进一步缩小了。如果组件在布局管理器中,且布局管理器也设置了最小尺寸,则部件本身的最小尺寸以部件的mimimumSize为准,布局管理器设置的不起作用。


maximumSize属性


maximumSize属性表示组件能被放大到的最大尺寸,放大到该尺寸后不能再进一步放大了。组件的缺省最大值为:(16777215,16777215)。


sizeIncrement属性


sizeIncrement属性表示组件调整大小时的每次变化的增量大小(单位:像素)的基数,实际调整大小计算公式如下:

width = baseSize().width() + i * sizeIncrement().width()

height = baseSize().height() + j * sizeIncrement().height()


其中i,j为非负整数。


baseSize属性


baseSize属性是组件的基础大小(单位:像素),如果组件设定了sizeIncrement,该属性用于在调整组件尺寸时计算组件应该调整到的合适值,这个属性缺省值是(0,0)。


palette属性


palette属性是调色板作用,管理着控件和窗体的所有颜色,可用于管理控件的外观显示以及设置组成。



image.png



font属性


font属性中可以设置组件的字体属性,包括字体的字体簇(Family)、大小(Size)、是否粗体(Bold)、是否斜体(Italic)、是否带下划线(Underline)、是否带删除线(Strikeout)等。



image.png



cursor属性


cursor属性保存组件的鼠标光标形状,当鼠标位于该组件上时就会呈现该属性设置的光标形状,可取值的范围及含义如下图所示:


image.png


mouseTracking属性


mouseTracking属性用于保存是否启用鼠标跟踪,缺省情况是不启用的。不启用的情况下,对应部件只接收在鼠标移动同时至少一个鼠标按键按下时的鼠标移动事件,启用鼠标跟踪的情况下,任何鼠标移动事件部件都会接收。


image.png


tabletTracking属性


tabletTracking属性保存是否启用组件的平板跟踪,缺省是不起用的。不启用平板跟踪的情况下,部件仅接收触控笔与平板接触或至少有个触控笔按键按下时的触控笔移动事件。

如果组件启用了平板跟踪功能,部件能接收触控笔靠近但未真正接触平板时的触控笔移动事件,这可以用于监视操作位置以及部件的辅助操作功能(如旋转和倾斜),并为图形界面提供这些操作的信息接口。


image.png


focusPolicy属性


focusPolicy属性可以设置组件的焦点策略。设置参数说明如下所示:


NoFocus:组件不支持焦点;

TabFocus:Tab键获取焦点;

ClickFocus:鼠标按下获取焦点;

StrongFocus:Tab键和鼠标按下获取焦点;

WheelFocus:鼠标轮滚动获取焦点。


image.png

contextMenuPolicy属性


contextMenuPolicy属性是组件的快捷菜单策略,快捷菜单通过在部件上点击鼠标右键触发。设置参数说明如下所示:


image.png

来源:CSDN博主老猿Python

image.png


acceptDrops属性


acceptDrops属性表示当前组件是否接受鼠标拖放事件,鼠标拖放应该是与鼠标拖拽结合在一起的,在Qt Designer中可以通过属性acceptDrops设置部件是否接受鼠标拖放事件。如果部件接受拖放,则在鼠标拖放时,拖放事件会发送给鼠标当前光标下接受拖放的第一个部件。


如果组件设置了acceptDrops属性为True,则就是通知系统该组件可接受鼠标拖放事件。


image.png


windowTitel属性


windowTitle属性是对窗口标题进行设置。


image.png


windowIcon属性


windowIcon属性是对窗口图标进行设置。


image.png


windowOpacity属性


windowOpacity属性为浮点数,表示组件透明度,为1完全不透明,为0完全透明,缺省是1。


image.png


toolTip属性


toolTip属性设置组件的toolTip提示信息,toolTip提示信息在鼠标放到控件上会浮动出一个小框显示提示信息。


image.png


toolTipDuration属性


toolTipDuration属性控制toolTip提示信息显示的时长,单位是毫秒,如果设置为-1,则显示时长根据toolTip内容的长度来计算。


image.png


statusTip属性


statusTip属性保存statusTip提示信息,statusTip提示信息在鼠标放到控件上时在窗口的状态栏显示提示信息,如果窗口无状态栏则不显示。statusTip属性缺省值为空字符串。


image.png


whatsThis属性


whatsThis属性保存组件的帮助信息。whatsThis的帮助信息一般在组件获得焦点后按Shift+F1弹出显示,如果这个快捷键被别的功能占用,则whatsThis的帮助信息可能无法展示。有些对话窗提供一个带问号的按钮可以点击显示whatsThis的帮助信息。whatsThis属性缺省值为空字符串。


image.png


accessibleName属性


accessibleName属性是辅助阅读中显示的组件的名称,用于残疾人辅助阅读。对于大多数小部件,无需设置此属性,因为Qt会调用部件相关属性显示,如按钮将显示按钮的文本,但当小部件不提供任何文本时,设置此属性很重要。例如,只包含图标的按钮需要将此属性设置为与屏幕阅读器一起使用。此属性默认为空。


image.png


accessibleDescription属性


accessibleDescription属性保存辅助技术所看到的部件描述,用于残疾人辅助阅读。是对accessibleName属性的补充说明。此属性默认为空。


image.png


layoutDirection属性


layoutDirection属性保存的是组件的布局方向,有三个取值:


LeftToRight:从左到右布局;

RightToLeft:从右到左布局;

LayoutDirectionAuto:自动布局。

image.png


autoFillBackground属性


autoFillBackground属性可以确认组件背景是否自动填充。


image.png


styleSheet属性


styleSheet属性是定义组件外观的属性样式表,在Qt中styleSheet样式表是类似于html的css样式一样的方法,只是专门为Qt中的部件开发的。styleSheet的定义语法也是类似CSS,并且是跨平台支持的。



image.png



locale属性


locale属性用于设置语言环境,包括语言和国家。如果一个部件没有设置语言环境,则使用父对象的语言环境或者默认语言环境(如果部件是顶层部件)。


image.png


windowFilePath属性


windowFilePath属性仅对窗口对象有效,用于关联一个窗口和对应的文件及路径。

当窗口没有设置标题属性的情况下,则窗口标题展示展示windowFilePath对应的文件名的信息(路径信息不展示),如果二者都设置,则优先使用窗口标题属性的设置作为标题。


该属性缺省为空,这个功能在窗口打开文件进行操作时可以使用来标记打开的文件。


image.png


inputMethodHints属性


inputMethodHints属性只对输入组件有效,输入法使用它来检索有关输入法应如何操作的提示,例如,如果设置了只允许输入数字的标志,则输入法可能会更改其可视组件,以反映只能输入数字。相关取值及含义如下:


ImhNone:没有提示;

ImhHiddenText:输入时不显示输入字符;

ImhSensitiveData:输入的文本不会由活动输入法存储在任何持续性存储中;

ImhNoAutoUppercase:输入法不可在句子结束时自动切换到大写;

ImhPreferNumbers:数字优先(不是必须);

ImhPreferUppercase:大写字母优先(不是必须);

ImhPreferLowercase:小写字母优先(不是必须);

ImhNoPredictiveText:输入时不使用联想预测文字;

ImhData:文本编辑器用于日期字段输入;

ImhTime:文本编辑器用于时间字段输入;

ImhPreferLation:拉丁语字符优先(不是必须);

ImhMultiLine:可以在文本字段中输入多行;

ImhNoEditMenu:不适用内置编辑菜单;

ImhNoTextHandles:不使用内置文本光标和选择操作方式;

ImhDigitsOnly:只允许数字;

lmhFormattedNumbersOnly:只允许输入数字(包括小数点和负数符号);

lmhUppercaseOnly:只允许输入大写字符;

lmhLowercaseOnly:只允许输入小写字符;

lmhDialableCharactersOnly:只允许输入适合电话拨号的字符;

lmhEmailCharactersOnly:只允许输入适合电子邮箱地址的字符;

lmhUrlCharactersOnly:只允许输入适合URL的字符;

lmhLatinOnly:只允许输入拉丁语字符;

lmhExclusivelnputMask:若使用了任何独占标志,此掩码非零。

image.png


windowModality属性


windowModality属性只对窗口对象有效,保存的是哪些类型的窗口被模式窗口阻塞。模式窗口防止其他窗口中的部件获取输入。此属性的值控制对应窗口可见时阻塞哪些类型的窗口获取输入。在模式窗口可见时更改此属性无效。相关取值及含义如下:


NonModal:窗口不是模式窗口;

WindowModal:窗口是单窗口层次结构的模式,并阻止其父窗口、所有祖父母窗口以及其父窗口和祖父母窗口的所有兄弟窗口获得瑜入;

ApplicationModal:窗口是应用模式窗口,阻塞所有其他应用窗口获得输入。

image.png

相关文章
|
15天前
|
JavaScript
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
其实这个从零有点歧义,因为本质上是要基于`tdesign-vue-next`来进行二次封装为一套广告UI组件库,现在让我们在一起快乐的搭建自己的广告UI库之前,先对以下内容做出共识:
28 0
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
|
3天前
|
存储 API 索引
让 Python 的属性查找具有 C 一级的性能
让 Python 的属性查找具有 C 一级的性能
7 0
|
5天前
|
Python
Python中类属性与实例属性的区别
了解这些区别对于编写高效、易维护的Python代码至关重要。正确地使用类属性和实例属性不仅能帮助我们更好地组织代码,还能提高代码运行的效率。
6 0
|
6天前
|
Python
Python类中属性和方法区分3-8
Python类中属性和方法区分3-8
|
2月前
|
存储 搜索推荐 Java
探索安卓开发中的自定义视图:打造个性化UI组件Java中的异常处理:从基础到高级
【8月更文挑战第29天】在安卓应用的海洋中,一个独特的用户界面(UI)能让应用脱颖而出。自定义视图是实现这一目标的强大工具。本文将通过一个简单的自定义计数器视图示例,展示如何从零开始创建一个具有独特风格和功能的安卓UI组件,并讨论在此过程中涉及的设计原则、性能优化和兼容性问题。准备好让你的应用与众不同了吗?让我们开始吧!
|
2月前
|
JavaScript 前端开发 安全
[译] 在 Vue 组件中分离 UI 和业务逻辑。
[译] 在 Vue 组件中分离 UI 和业务逻辑。
|
2月前
|
设计模式 XML 数据格式
python之工厂设计模式
python之工厂设计模式
python之工厂设计模式
|
2月前
|
程序员 开发者 Python
Python动态属性与反射机制方式
通过反射和动态属性,Python程序员获得了巨大的权能,能在运行时访问、修改或为对象新增属性和方法,显著提高编程的智能化和适应性。内置的反射机制可能使开发者跨越编写代码时的限制,通过名称访问对象的特性、方法以及其他成员,为创建一个具有高度配置性、扩展性强大的应用程序打下基础。此外,利用getattr和setattr函数来获取和设定对象的属性,或是利用hasattr确认其是否存在某属性,甚至可以通过名字来动态地执行对象的函数。 总之,反射和动态属性对于Python的程序开发而言是重要的工具,它们不仅提供了编写效率高且灵活的代码的能力,还为构建可高度定制和扩展的应用程序提供了可能。对于熟练掌握这些
|
2月前
|
数据可视化 数据挖掘 持续交付
Axure Web端元件库:从Quick UI到500+组件的飞跃
在快速变化的数字世界中,产品设计不仅仅是功能的堆砌,更是用户体验的精心雕琢。原型设计作为产品开发过程中的关键环节,其重要性不言而喻。Axure,作为业界领先的原型设计工具,凭借其强大的交互设计和丰富的功能,赢得了全球设计师和开发者的信赖。而Axure Web端元件库,则是这一平台上的一颗璀璨明珠,它以超过500个精心设计的组件为基础,为设计师们打开了一扇通往高效、高质量原型设计的大门。
|
3月前
|
数据安全/隐私保护 C++ 计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段,可以将文本信息嵌入到图片、视频等文件中,用于识别和证明文件的版权归属。在数字化和网络化的时代,大量的原创作品容易被不法分子盗用或侵犯版权,因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下,文本水印可以包含版权声明、制作者姓名、日期、网址等信息,以帮助识别文件的来源和版权归属。同时,为了增强防盗用效果,文本水印通常会采用字体、颜色、角度等多种组合方式,使得水印难以被删除或篡改,有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能,例如使用Qt的QPainter类进行文本绘制操作,将文本信息嵌入到图片中,
145 1
Qt(C++)开发一款图片防盗用水印制作小工具

热门文章

最新文章

下一篇
无影云桌面