首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Qt 自定义 滚动条 样式

,默认的总是很难受欢迎的;美化之后的是这样 ? ,怎么样?稍微好看一点点了吧,最后告诉你实现这个简单的效果在Qt只需要加几句简单的样式。...Qt设置样式的方式有两种,一种直接在程序中写,适用于样式不多的情况;另一种,写入到文件中,适用用样式较大且需要提供换肤功能的情况。   ...:4px; min-height:20; } QScrollBar::add-line:vertical // 这个应该是设置下箭头的,3.png就是箭头 { height:9px;...:top; } QScrollBar::add-line:vertical:hover // 当鼠标放到下箭头上的时候 { height:9px;width:8px; border-image...:url(:/images/a/4.png); subcontrol-position:bottom; } QScrollBar::sub-line:vertical:hover // 当鼠标放到下箭头上的时候

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

    QT系统学习系列:1.2样式表子控件查阅

    类别 子控件名称 说明 查看子控件样式表应用 滑动条,滑动块相关 ::handle QScrollBar、QSplitter,QSlider 的手柄(滑块) 滑动条,滑动块相关 ::groove QSlider...滑动条,滑动块相关 ::sub-page QScrollBar在手柄(滑块)和减少行之间的区域 箭头相关 ::down- arrow QComboBox、QHeaderView 排序指示器、QScrollBar...QSpinBox 的向下箭头 箭头相关 ::down-button QScrollBar或QSpinBox的向下按钮 箭头相关 ::up-arrow QHeaderVew(排序指示器)、QScrollBar...、QSpinBox的向上箭头 箭头相关 ::up-button QSpinBox的向上按钮 箭头相关 ::left-arrow QScrollBar的左箭头 箭头相关 ::right-arrow...QMenu或QScrollBar的右箭头 模型视图 ::branch QTreeView的分支指示符 模型视图 ::section QHearderVhew的段 模型视图 ::text QAbstractItemVew

    1.5K10

    Qt Style Sheet实践(一):按钮及关联菜单

    QSS中引入了盒模型(Box Model)概念,这是样式表技术中的核心概念之一。具体的解释网上说的挺多的,Qt本身自带的文档也有较为详细的说明。...QProgressBar 进度条组件使用::chunks子组件来定制进度条样式,text-align属性用于设定进度条中文本的对齐方向:left, center, right QScrollBar 滚动条的组成其实非常复杂...QLabel QLabel不支持:hover伪状态,自Qt4.3开始,给QLabel设置样式表也就隐式指定了QFrame::frameStyle属性。...应用实例      下面看看如何用QSS对按钮及其关联菜单进行外观定制。...显然,系统默认的箭头号不太和谐,于是我们再尝试换掉这个箭头号,并且在菜单打开时设置为向下的箭头号,菜单关闭时设置为水平向右的箭头号: QPushButton::menu-indicator:open {

    4.7K50

    Qt编写自定义控件70-扁平化flatui

    既然是扁平化设计框架的优秀代表,当然需要在自己项目中应用应用,本人最早使用VB开发,而后转为C#开发,最后转为Qt开发,都是因为公司项目需要,根据需要不断学习新的编程框架,语言都是相通的,举一反三,以前用...Qt中的qss机制,和css极为相似,感觉就是脱胎于css,用qss来实现Qt界面样式不是一般的方便,而是相当的爽,在看到FlatUI这样的精美的扁平化设计样式后,难以抑制手痒痒,就想用qss实现类似的风格...sub-page:滚动条拉动时减少的部分 add-line:递增按钮 sub-line:递减按钮 //横向滚动条部分 list.append(QString("QScrollBar:...全部纯Qt编写,QWidget+QPainter绘制,支持Qt4.6到Qt5.13的任何Qt版本,支持mingw、msvc、gcc等编译器,支持任意操作系统比如windows+linux+mac+嵌入式...Qt入门书籍推荐霍亚飞的《Qt Creator快速入门》《Qt5编程入门》,Qt进阶书籍推荐官方的《C++ GUI Qt4编程》。

    2K10

    Qt开源作品9-扁平化样式flatui

    既然是扁平化设计框架的优秀代表,当然需要在自己项目中应用应用,本人最早使用VB开发,而后转为C#开发,最后转为Qt开发,都是因为公司项目需要,根据需要不断学习新的编程框架,语言都是相通的,举一反三,以前用...C#写的vista时钟控件和vista日历控件,稍微改改就转移成了Qt写的对应控件,非常方便,只要掌握了思想,熟练了一门语言和框架之后,其他的学起来特别快。...Qt中的qss机制,和css极为相似,感觉就是脱胎于css,用qss来实现Qt界面样式不是一般的方便,而是相当的爽,在看到FlatUI这样的精美的扁平化设计样式后,难以抑制手痒痒,就想用qss实现类似的风格...//滚动条离背景间隔 int padding = 0; QStringList list; //handle:指示器,滚动条拉动部分 add-page:滚动条拉动时增加的部分...sub-page:滚动条拉动时减少的部分 add-line:递增按钮 sub-line:递减按钮 //横向滚动条部分 list.append(QString("QScrollBar:

    1.2K60

    【QT】QT样式表语法

    Qt样式表 Qt样式表介绍 Qt样式表是一个可以自定义部件外观的强大机制,样式表的概念、术语、语法均受到HTML层叠样式表(CSS)的启发。...子部件 对于一些复杂的部件修改样式,可能需要访问它们的子部件,如QComboBox的下拉按钮,QSpinBox的向上、向下箭头等。...如: 鼠标悬停在按钮上时被应用: QPushButton:hover{color:white} 鼠标不悬停在按钮上时被应用(!表否定) QPushButton.!...部件有效的样式表是通过部件的祖先样式表和QApplication上的样式表合并得到的,当发生冲突时,部件自己的样式表优先于任何继承的样式表。...2.继承 当使用Qt样式时,部件并不会自动从父部件继承字体和颜色样式设置 。

    1.6K31

    Qt5 QMediaPlayer 音乐播放器

    暑假用Qt写的音乐播放器,界面有点丑,然后功能也有点少,还有一些bug,然后现在趁着寒假的时间把之前的界面给改了一下,并添加 了一些功能,修改了一些bug,实现功能包括基本的歌曲播放暂停,上一首,下一首...,我用的是QListWidget,这样的话,只需要把列表项与playlist里面的歌曲对应上就可以了,然后要保存歌曲,数据库自然就少不了了,可以用Qt自带的数据库QSQLITE,然后创建数据库和表,写个函数...,和切换歌曲时的歌曲长度,那么就需要写两个槽来接收这两个信号了 //1....,并找一些对自己有用的代码,打包版:Qt5 音乐播放器打包版。...(代码已上传到github:https://github.com/sundial-dreams/Qt5_Music/tree/master,欢迎下载,别忘了点赞哦) 本人现在才上大二,学Qt没多久,要是有什么地方说的不对

    1.6K30

    QT应用编程: 开发TCP网络调试助手

    一、环境介绍 操作系统: win10 64位 QT版本: QT5.12.6 编译器: MinGW 32 TCP网络调试助手,在网络相关开发、嵌入式开发里使用较多,主要用来测试网络传输,调试等等。...这个版本设计的比较早,没有加入多线程处理连接上来的客户端,一般的调试场景已经满足。对于基本的QT网络开发入门学习借鉴已经足够了。...setupUi(this); setWindowIcon(QIcon(":/image/14g.png")); //设置图标 SetStyle(":/qss/blue.css"); //设置样式表...->addWidget(ClientShowLocalProtLabel); ClientLayout->addWidget(ClientEditProt); /*第四部分:选服务器时用于显示已经连接的客户端..."如果第一次打开软件字体显示不全\n" "需要关闭应用第二次打开即可自动适应

    1.9K21

    QT软件开发: 基于FFMPGE设计的流媒体播放器(rtmprtsp)

    支持该协议的软件包括Adobe Media Server/Ultrant Media Server/red5等。RTMP与HTTP一样,都属于TCP/IP四层模型的应用层。...RTSP RTSP(Real Time Streaming Protocol),RFC2326,实时流传输协议,是TCP/IP协议体系中的一个应用层协议,由哥伦比亚大学、网景和RealNetworks公司提交的...HTTP与RTSP相比,HTTP请求由客户机发出,服务器作出响应;使用RTSP时,客户机和服务器都可以发出请求,即RTSP可以是双向的。...RTSP是用来控制声音或影像的多媒体串流协议,并允许同时多个串流需求控制,传输时所用的网络通讯协定并不在其定义的范围内,服务器端可以自行选择使用TCP或UDP来传送串流内容,它的语法和运作跟HTTP 1.1...::Widget) { ui->setupUi(this); /*基本设置*/ // this->SetStyle(":/images/blue.css"); //设置样式表

    3K40

    『PyQt5-基础篇』| 01 简单的基础了解

    1 Qt了解跨平台C++图形用户界面应用程序开发框架;既可以开发GUI程序,也可用于开发非GUI程序;Qt开发的GUI程序的界面和当前操作系统相同;用Qt开发的程序的跨平台模式是源代码级的。...1.2 Qt CreatorQt Creator是一个用于Qt开发的轻量级跨平台集成开发环境;提供专为支持跨平台开发而设计的集成开发环境 (IDE);确保首次接触Qt框架的开发人员能迅速上手和操作。...QtGui基本图形功能的类,如窗口集、事件处理、2D图形、基本的图像和界面、字体和文本类等QtWidgets一整套UI元素控件,用于建立符合系统风格的Classic界面,可在安装时选择是否使用此功能QtMultimedia...网络编程的类库,提供TCP/IP及UDP的C/S代码集合QtPositioning 获取位置信息,比如卫星、无线网、文字信息等Enginio构建客户端的应用程序库,运行时访问Qt Cloud 服务器托管的应用程序...QspinBox允许用户选择一个值,要么通过按向上/向下键增加/减少当前显示值,要么直接将值输入到输入框中QScrollBar水平的或垂直的滚动条QSlider 垂直的或水平的滑动条QComboBox组合按钮

    40660

    Qt5实战第二篇:Qt5的基本控件与布局

    以下是一些常用的Qt5控件:QPushButton:按钮控件,用于响应用户的点击事件。QLabel:标签控件,用于显示文本或图片。QLineEdit:单行文本输入框控件,用于接收用户输入的文本。...QSpinBox:数字输入框控件,提供了一个带有上下箭头按钮的输入框,用户可以通过点击箭头或输入数字来选择值。QDialog:对话框控件,用于显示模态或非模态对话框,以获取用户输入或显示信息。...示例:创建包含基本控件和布局的Qt5应用程序下面将介绍如何使用Qt Creator和Qt5创建一个包含基本控件和布局的简单应用程序。...4.编写代码:在Qt Creator的右侧面板中,双击mainwindow.cpp以打开代码编辑器。在MainWindow类的构造函数中,可以添加信号与槽的连接代码。...以下是一个简单的示例槽函数,它会在按钮被点击时在控制台输出用户名和密码(注意:在实际应用中,应避免在控制台输出敏感信息):void MainWindow::on_pushButton_clicked()

    31010

    Qt编写自定义控件39-导航标签

    一、前言 在很多菜单导航界面中,当单击了二级菜单或者三级菜单以后,顶部会显示带箭头或者其他标识的导航标签,可以单击该标签快速切换到对应的界面,也作为指示当前处于哪一级菜单下的界面,主要在WEB中大肆流行...,在CS架构的项目中也逐渐应用开来,发现现在越来越多的CS开发的程序,都学习和模仿并应用BS架构的程序中好的方面,尤其是UI方面,取长补短,挺好,专业UI设计师的美感比绝大多数程序员的美感要好很多,他们设计出来的效果都是非常棒的...左右上下 * 3:可设置箭头大小 * 4:可设置显示倒三角 * 5:可设置倒三角长度/位置/颜色 */ #include #ifdef quc #if (QT_VERSION...->setBrush(triangleColor); //绘制在右侧中间,根据设定的倒三角的边长设定三个点位置 int width = this->width(); int height...全部纯Qt编写,QWidget+QPainter绘制,支持Qt4.6到Qt5.12的任何Qt版本,支持mingw、msvc、gcc等编译器,支持任意操作系统比如windows+linux+mac+嵌入式

    93000

    PyQT模块、类、控件介绍

    QtWidgets模块 包含了一整套UI元素控件,用于建立符合系统风格的Classic界面,非常方便,可以在安装时选择是否使用此功能。...Enginio模块 用于构建客户端的应用程序库,在运行时访问Qt Cloud 服务器托管的应用程序。 QtWebSockets模块 包含了一组类程序,用于实现WebSocket协议。...QtDesigner模块 所包含的类允许使用PyQt扩展Qt Designer。 Qt模块 将上面模块中的类综合到一个单一的模块中。...这样做的好处是你不用担心哪个模块包含了哪个特定的类;坏处是加载到整个Qt框架中,从而增加了应用程序的内存占用。...QspinBox控件 允许用户选择一个值,要么通过按向上/向下键增加/减少当前显示值,要么直接将值输入到输入框中 QScrollBar窗口控件 提供了一个水平的或垂直的滚动条 QSlider控件 提供了一个垂直的或水平的滑动条

    64331

    【Qt】使用QPalette设置QPlainTextEdit颜色时,不生效

    【Qt】使用QPalette设置QPlainTextEdit颜色时,不生效 Qt5.9 C++开发指南 源代码 使用QPalette设置QPlainTextEdit颜色时,不生效 解决方法 参考资料 Qt5.9...这本书以Qt 5.9 LTS版本为开发平台,详细介绍了包括Qt应用程序的基本架构、信号与槽工作机制、图形显示的Graphics/View架构、数据编辑和显示的Model/View架构、对话框和多窗口的设计与调用方法等技术...解决方法就是把这个样式表的颜色设置给去掉。 当选择Red单选按钮时,发现下面的文本编辑中的Hello,world It is my demo.文本变成了红色。如下图所示: ?...最后查阅了Qt的官方文档: ? 也就是说,Qt官方文档中规定不能将void setPalette(const QPalette &)函数和样式表一起使用。...在实际使用时,如果使用了样式表设置了QPlainTextEdit文本编辑框的颜色,那么再使用QPalette设置QPlainTextEdit颜色时,不生效,以样式表的为准。

    2.6K20

    Fdog系列(四):使用Qt框架模仿QQ实现登录界面,界面篇。

    右键项目,添加新文件,选中Qt下面的Qt设计师界面类,选择创建widget类型的窗口。 然后照猫画虎,模仿QQ添加必要的控件。 ? 包括几个标签,按钮,以及文本框。...ui->mian_label->setMovie(m_movie); //mian_label是粉色的标签 //开始动画 m_movie->start(); 将头像设置为圆形需要设置qss,也就是样式表...,可以右击label为头像的改变样式表添加如下语句 border-image: url(:/lib/icon2505897252.png); border-width:0px; border-radius...,当我们点击按钮时,按钮上的文字会向右上角晃动,但是当我们添加了自定义的图片,该效果则消失,如何做到这一点,可以使用padding-left:2px; padding-top:2px;来实现。...实现背景阴影 到目前为止,还剩下最后一个问题,当使用自带的标题栏后,窗口是自带阴影边框的,但是当我们取消了系统自带的标题栏之后,边框也随之消失,如何自己搞一个边框阴影?

    4.1K52

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券