首页
学习
活动
专区
圈层
工具
发布

【QT】QT界面的美容院 -- QSS

Qt 仿照 CSS 的模式,引入了 QSS,来对 Qt 中的控件做出样式上的设定,从而允许我们写出界面更好看的代码。...同样受到 HTML 的影响,Qt 还引入了 QML 来描述界面,甚至还可以直接把一个原生的 html 页面加载到界面上。...在界面上创建一个按钮 B. 创建 resource.qrc 文件(Qt -> Qt Resource File),并设定前缀为 / C....界面上创建一个按钮 B. 右键 -> 改变样式表,使用 Qt Designer 设置样式 C. 执行程序,点击 “按钮”: 属性 说明 font-size 设置文字大小。...在界面上创建两个单选按钮,并且在 Qt Designer 中编写样式 此处为了让所有 QRadioButton 都能生效,把样式设置在 Widget 上了,并且使用后代选择器选中了 QWidget 里面的

1.3K10

js跳转界面

js页面跳转大全 所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过javsrcipt脚本就会跳转到B页面。...目前很多垃圾站经常用js跳转将正常页面跳转到广告页面,当然也有一些网站为了追求吸引人的视觉效果,把一些栏目链接做成js链接,但这是一个比较严重的蜘蛛陷阱,无论是SEO人员还是网站设计人员应当尽力避免。...常用的JS页面跳转代码调用大全-马海祥博客 很多站长在制作网站的时候,为了某种展示或SEO优化的目的,常常需要利用js跳转效果,所以对于一个站长或SEO来说,熟练的掌握或使用js技术(具体可查看马海祥博客...在我这么多年做SEO的过程中,也收集和使用了很多的js代码,今天我就借助马海祥博客的平台跟大家分享一些常用的js页面跳转代码,希望能对大家有所帮助。...本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/js/813.html,注明出处;否则,禁止转载;谢谢配合!

11.9K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    QT应用编程: windows下QT调用COM组件并集成到QT界面

    一、环境介绍 操作系统: win10 64位 QT版本: 5.12.6 Visual Studio IDE 版本: 2017 二、创建COM组件 为了方便测试,我这里使用QT来创建COM组件,再由QT...QT创建COM的方法看这里: (1) VS2017下使用QT生成COM组件: https://blog.csdn.net/xiaolong1126626497/article/details/...应用编程: windows下QT调用COM组件: https://blog.csdn.net/xiaolong1126626497/article/details/112978956 三、QtCreate...里创建工程调用COM组件完成界面开发 上一篇文章里介绍了在QtCreate里使用QAxObject调用COM组件,并完成函数接口调用;如果调用的COM组件是带界面的程序,并需要集成到当前QT程序中,就需要使用...3.2 方式2 为了方便界面设计,这可以直接在UI设计师界面,拖一个axWidget控件出来。 注意: 下面图片里,右键选择的COM组件,必须要先注册成功之后才能看到。

    4.4K31

    【Qt】未添加scrollArea造成界面过大

    在界面开发领域,一个看似微小的疏忽 —— 未添加 scrollArea(滚动区域),却可能引发界面显示异常的大问题。...当界面内容超出显示区域时,缺乏滚动机制的设计会直接导致界面整体尺寸失控,不仅影响用户体验,还可能暴露系统的底层设计缺陷。...一、界面膨胀的技术成因:滚动机制的缺失效应 从技术实现角度看,界面元素的布局逻辑通常遵循 “内容决定容器” 的原则。...某社交 APP 在设计聊天记录界面时,通过原型测试发现未添加滚动区域会导致历史消息加载时界面崩溃,提前优化后使测试阶段的 BUG 率降低 82%。...未添加 scrollArea 引发的界面过大问题,本质上是技术实现与用户需求脱节的表现。从移动应用到桌面软件,滚动机制始终是界面可用性的基石。

    35800

    QT中界面间传值方式

    在Qt界面之间传递参数通常可以使用以下两种方法:一、使用信号和槽机制在发送参数的界面中定义一个信号,然后在接收参数的界面中定义一个相应的槽函数。...当需要传递参数时,发送界面通过emit关键字发送信号,并将参数作为信号的参数传递。接收界面通过连接(connect)函数将信号与槽函数绑定,在槽函数中可以获取到传递的参数。...QString& data){ // 处理接收到的数据}在使用这种方法时,需要确保发送界面和接收界面之间能够访问到对方的对象。...parent) : QWidget(parent){ label = new QLabel(data, this);}这是一个简单的示例代码,演示了使用信号和槽机制以及构造函数传递参数两种方法来在Qt...界面之间传递参数。

    1.9K51

    Qt界面编程:窗口传值方式

    1、问题   一个这样的场景:主窗口界面有一个菜单项,点击该菜单项弹出一个对话框。点击对话框上的测试按钮,显示主窗口类中的一个字符串成员的内容。这就是整个窗口传值的需求描述。如何解决呢?...首先想到的解决方法自然是使用Qt自带的signal/slot机制。即首先发信号给父窗口,父窗口接到信号执行槽函数发送一个携带所需数据的信号给子窗口。...2、尝试解决 使用环境:Qt5.0,  Qt creator2.6, Windows XP sp3 32bit 创建一个主窗口类和子窗口类,在主窗口类中声明一个QString类型的成员变量,访问权限设置为...上面3所标识的问题,其实并没有严格的要求,至少在Qt Creator中没有这样的限制。你可以将该成员变量设置为private,protected, public的,但是在子窗口中照样能访问。

    3.4K70

    Qt Designer界面设计器简介

    在 PyQt5 中我们使用 Qt Designer 工具来制作 UI 界面。    Qt Designer 可以通过拖拽的方式完成复杂的界面设计,而且还可以随时预览查看效果。...下面我们来介绍一下 Qt Designer 的简单使用。 新建主窗口 ? 新建窗口 模板选择 Main Window , 创建一个主窗口,主窗口默认添加了菜单栏、状态栏。 ? 选择模板 ?...当然 PyQt5 的离线文档是没有,不过有 Qt5 的离线文档。我们知道 PyQt5 是 Qt5 的 Python 版,所以大部分函数属性都是一样的。...由于这个文件是用.ui生成的,可以称其为界面文件。因为每次使用.ui文件生成是都会初始化.py文件,所以我们需要创建一个新的py文件作为逻辑处理文件,将界面和逻辑分离开来。...,以后想要更新界面,只需要对.ui文件进行更新,然后编译成.py文件就行了。

    9.6K11

    PyQt5 图形界面-基础准备:安装Qt Creater、Qt Designer工具,使用Qt Designer设计界面,安装PyQt5工具库

    PyQt5 就是一个把 QtDesigner 设计的界面转化为 python 代码的 python 库。...Qt Designer 的使用请看: 用 Qt Designer 来设计 UI 界面,并转化为 python 代码运行实例演示 所以我们需要的就是: 1....Qt Creater 应用程序 【包含 Qt Designer,其实只需要安装 Qt Designer 就好了】 2. PyQt5 和 PyQt5-tools 这两个库 下面来讲它们的安装。...Qt Designer 的安装:【推荐】 PyQt5 图形界面 - Qt Designer 独立安装包,仅需 30M!...python 图像化界面绘制工具 Qt Creater 的安装: 获取地址:Qt 官方下载 文件有点大,耐心安装吧! 安装步骤如下: 第一次用就直接注册一个账号。

    1.3K20

    qt 如何设计好布局和漂亮的界面。

    如果你是学习C++的,我想qt可以作为你进入界面的一条选择,这篇文章,我们不讲函数,不讲类,总之就是不讲代码,我们来讲讲代码之外,聊一聊关于怎么布局,怎么用qt做出一个漂亮的界面❤️。 ​       ...之所以会说出这句话,要么是刚接触界面,要么是随手点了进来,阿巴阿巴看完评论了一句。刚开始接触界面,布局确实不是那么重要,我们的软件(都称不上是软件,就是一个空壳子)一共也没几个组件,两个按钮?...部件允许扩展,但是Qt并不建议扩展(例如:水平方向上的按钮)。...二.Qt样式表QSS ​       Qt自带一个纯天然的皮肤功能QSS,也就是Qt版CSS。就算没有美工你也能轻松做出酷炫的界面,完整的官方文档可查看文字开头蓝色链接,这里仅常用的语法做一个引入。...选择器类型 不知你是否经历过在一个界面设置背景图片,但界面上的组件,例如按钮的背景也会被设置为该背景图,如下图所示,这是由于选择器导致的问题。 ?

    12.2K41

    QT应用编程: Qt自定义界面并提升窗口部件基类

    一、环境介绍 QT版本: 5.12.6 操作系统: win10 64位 二、功能介绍 为了在UI设计师界面里,使用自定义控件(就是需要重写该控件的一些函数,比如重绘自己想要的图形界面),基本使用方式是...,自己重写个控件,就是继承某个基类; 比如,写一个继承自QWidget的MyWidget界面类,这样就可以使用自己的方式处理这个界面,然后在UI设计师主界面中拖出来一个QWidet控件提升为MyWidget...,这时,就可以将自定义的控件界面作为一个控件来用了。...提升的功能就是为了让自定义的控件用到UI设计师界面上。...my_graphicsView(QWidget *parent = nullptr); ~my_graphicsView(); }; #endif // GRAPHICSVIEW_H 3.3 UI设计师界面的操作步骤

    4K30

    Fdog系列(五):使用Qt模仿QQ实现登录界面到主界面,功能篇。

    Fdog系列(四):使用Qt框架模仿QQ实现登录界面,界面篇。 Fdog系列(五):使用Qt模仿QQ实现登录界面到主界面,功能篇。 当前篇 ?...为了方便,这里使用文本保存,如果想使用ini保存,可以参考这篇:QT学习笔记之读取INI文件 文件存放的位置,这里使用绝对路径是不明智的,应当使用相对地址,思路是获取可执行文件的目录,然后在其目录至上创建用户文件...w是在头文件定义的主界面类,这里只是作为演示。...文本框显示正确内容 在上一篇说过,图中的账号文本框其实是由文本框加下拉列表框构成,如何在改变下列列表框的同时修改登录界面所显示的内容呢?...---- 如果有不了解QSignalMapper类用法的可以参考这篇:QT多个按钮信号绑定一个槽函数,执行不同业务逻辑。

    3.7K41
    领券