导读 正如web前端开发中CSS(Cascade Style Sheet)的作用一样,Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离.这样,美工设计人员和逻辑实现者可以各司其职而不受干扰.更重要的是,由于界面和逻辑处理是分离的,低耦合性使得代码重构的工作量可以减少到最小.QSS和CSS的语法几乎一致,除了Qt自身增加的一些属性之外,其余的属性都可以在CSS2或CSS3中找到对应的属性.因此,如果曾经有过CSS的使用经验,那么QSS的使用将游刃有余.关于QSS的使用实践,打算撰写一…
导读 正如web前端开发中CSS(Cascade Style Sheet)的作用一样,Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离.这样,美工设计人员和逻辑实现者可以各司其职而不受干扰.更重要的是,由于界面和逻辑处理是分离的,低耦合性使得代码重构的工作量可以减少到最小.QSS和CSS的语法几乎一致,除了Qt自身增加的一些属性之外,其余的属性都可以在CSS2或CSS3中找到对应的属性.因此,如果曾经有过CSS的使用经验,那么QSS的使用将游刃有余.关于QSS的使用实践,打算撰写一…
导读 组合框是一个重要且应用广泛的组件,一般由两个子组件组成:文本下拉单部分和按钮部分.在许多既需要用户选择.又需要用户手动输入的应用场景下,组合框能够很好的满足我们的需求.如我们经常使用的聊天软件QQ登录框,便是一个很好的应用例子: 显然,用户既可以自己手动输入新的QQ号码,也可以在列表框中选择历史输入记录.对于提高用户体验是一个不错的手段.这篇博文重点讲述如何用QSS对组合框进行定制. 基本自定义 组合框的使用非常简单,为了加快叙述速度,我们直接在Qt Designer中拖一个QComboB…
组合框是一个重要且应用广泛的组件,一般由两个子组件组成:文本下拉单部分和按钮部分.在许多既需要用户选择.又需要用户手动输入的应用场景下,组合框能够很好的满足我们的需求.如我们经常使用的聊天软件QQ登录框,便是一个很好的应用例子: 显然,用户既可以自己手动输入新的QQ号码,也可以在列表框中选择历史输入记录.对于提高用户体验是一个不错的手段.这篇博文重点讲述如何用QSS对组合框进行定制. 基本自定义 组合框的使用非常简单,为了加快叙述速度,我们直接在Qt Designer中拖一个QComboBox控…
导读 行文本输入框在用于界面的文本输入,在WEB登录表单中应用广泛.一般行文本编辑框可定制性较高,既可以当作密码输入框,又可以作为文本过滤器.QLineEdit本身使用方法也很简单,无需过多的设置就能进行使用.于是这篇博文主要讲解如何对行文本编辑框QLineEdit进行定制. 基本定制 为了简化工作,还是如同前面所说的,直接用Qt Designer拖一个QLineEdit进行编辑.代码部分不太多: ui.lineEdit->setPlaceholderText(QStringLiteral(&quo…
导读 单选按钮(QRadioButton)和复选框(QCheckBox)是界面设计中的重要元素.单选按钮只允许用户在一组选项中选择一个,且当其中一个被选中的时候,按钮组中的其他单选按钮自动取消.复选框则可以让用户同时选中多个选项,这在多项选择的情况下非常有用.此外,复选框经过设置还具备第三种状态:未决状态(partially checked).单选按钮和复选框应用广泛,在WEB表单.软件配置界面常常是不可或缺的元素.这篇博文主要讲述Qt中单选按钮和复选框如何通过样式表进行外观定制. 基本实现 单…
转载:https://www.cnblogs.com/csuftzzk/p/qss_combobox.html 转载:https://www.bbsmax.com/A/E35pLgRK5v/ 转载:https://www.cnblogs.com/peterliang/p/3618820.html(QSplitter 拆分窗口) 转载:http://blog.sina.com.cn/s/blog_a6fb6cc90101i8it.html Demo参考网上的例子,暂时记录下来,随后再整理 1.自定…
Qt Style Sheet 目录 使用 对于应用程序 创建自定义控件 QSS语法 一般选择器(selector) 伪选择器 解决冲突 使用specificity Namespace冲突 级联效应 设置对象属性 comments STYLE基础知识的说明 CSS 背景属性(Background) CSS 边框属性(Border 和 Outline) Box 属性 CSS 字体属性(Font) CSS 外边距属性(Margin) CSS 内边距属性(Padding) CSS 定位属性(Positi…
这次讲Qt Style Sheet(QSS),QSS是一种与CSS类似的语言,实际上这两者几乎完全一样.既然谈到CSS我们就有必要说一下盒模型. 1. 盒模型(The Box Model) 在样式中,每一个UI控件都可以抽象成一个盒模型: 盒模型由4个同心矩形组成,从外到内分别是外边距.边界.内衬和内容,大部分UI视觉内容都包含在内容矩形中.默认情况下,前三个矩形的大小属性都是0,因此这四个矩形都重叠成一个了.这里与前三个大小相关的属性有: margin:代指外边距矩形与边界矩形之间的间距. b…
专栏:Python基础教程目录 专栏:使用PyQt开发图形界面Python应用 专栏:PyQt入门学习 老猿Python博文目录 一.概述 Designer中输入工具部件中的Combo Box组合框与其他可视化工具组合框功能相同,组合了按钮和弹出列表的功能,显示当前项并可以弹出可选择项的列表.组合框可以编辑,允许用户修改列表中的每个项.Combo Box组合框对应PyQt中的类QComboBox. 二.组合框项的属性 在Designer中,组合框可设置的项属性包括如下: 各属性简介如下: edi…