精华内容
下载资源
问答
  • 前言导航按钮控件,主要用于各种漂亮精美的导航条,我们经常在web看到导航条都非常精美,都是html+css+js实现的,还自带动画过度效果,Qt提供的qss其实也是无敌的,支持基本上所有的CSS2属性,配合QPainter这个...

    09aa234c6baf95cb32008ddc635cb053.png

    前言

    导航按钮控件,主要用于各种漂亮精美的导航条,我们经常在web中看到导航条都非常精美,都是html+css+js实现的,还自带动画过度效果,Qt提供的qss其实也是无敌的,支持基本上所有的CSS2属性,配合QPainter这个无敌大法工具,没有什么不能绘制的。这个控件总结了大部分的导航条样式,比如左侧+右侧+顶部+底部,线条指示器,倒三角指示器等。还可以在导航条前面加上图标等,就显得更加有特色。有了此控件,再也不用担心没有精美的导航了。

    实现的功能

    * 1:可设置文字的左侧+右侧+顶部+底部间隔

    * 2:可设置文字对齐方式

    * 3:可设置显示倒三角/倒三角边长/倒三角位置/倒三角颜色

    * 4:可设置显示图标/图标间隔/图标尺寸/正常状态图标/悬停状态图标/选中状态图标

    * 5:可设置显示边框线条/线条宽度/线条间隔/线条位置/线条颜色

    * 6:可设置正常背景颜色/悬停背景颜色/选中背景颜色

    * 7:可设置正常文字颜色/悬停文字颜色/选中文字颜色

    * 8:可设置背景颜色为画刷颜色

    效果图

    742bb1df3d3263be3e8f234d95bd06cc.gif

    头文件代码

    #ifndef NAVBUTTON_H
    

    核心代码

    void 

    控件介绍

    1. 超过140个精美控件,涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。

    2. 每个类都可以独立成一个单独的控件,零耦合,每个控件一个头文件和一个实现文件,不依赖其他文件,方便单个控件以源码形式集成到项目中,较少代码量。qwt的控件类环环相扣,高度耦合,想要使用其中一个控件,必须包含所有的代码。

    3. 全部纯Qt编写,QWidget+QPainter绘制,支持Qt4.6到Qt5.12的任何Qt版本,支持mingw、msvc、gcc等编译器,不乱码,可直接集成到Qt Creator中,和自带的控件一样使用,大部分效果只要设置几个属性即可,极为方便。

    4. 每个控件都有一个对应的单独的包含该控件源码的DEMO,方便参考使用。同时还提供一个所有控件使用的集成的DEMO。

    5. 每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。

    6. 每个控件默认配色和demo对应的配色都非常精美。

    7. 超过120个可见控件,6个不可见控件。

    8. 部分控件提供多种样式风格选择,多种指示器样式选择。

    9. 所有控件自适应窗体拉伸变化。

    10. 集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。

    11. 自带activex控件demo,所有控件可以直接运行在ie浏览器中。

    12. 集成fontawesome图形字体+阿里巴巴iconfont收藏的几百个图形字体,享受图形字体带来的乐趣。

    13. 所有控件最后生成一个dll动态库文件,可以直接集成到qtcreator中拖曳设计使用。

    SDK下载

    - SDK下载链接:https://pan.baidu.com/s/1tD9v1YPfE2fgYoK6lqUr1Q 提取码:lyhk

    - 自定义控件+属性设计器欣赏:https://pan.baidu.com/s/1l6L3rKSiLu_uYi7lnL3ibQ 提取码:tmvl

    - 下载链接中包含了各个版本的动态库文件,所有控件的头文件,使用demo。

    - 自定义控件插件开放动态库dll使用(永久免费),无任何后门和限制,请放心使用。

    - 目前已提供25个版本的dll,其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。

    - 不定期增加控件和完善控件,不定期更新SDK,欢迎各位提出建议,谢谢!

    - widget版本(QQ:517216493)qml版本(QQ:373955953)三峰驼(QQ:278969898)。

    f9d6e04e34aba337d2d5e689a4c7b681.gif

    c76978bdef3dd9d1ee9a0ffb9c178df2.png

    1b34a857a2d763892cf9725e00842c42.png
    展开全文
  • 很麻烦的,自定义类继承Button,新手估计还搞不定,怎么也有上百行代码,实在不友好,Qt诞生大大简化了这些工作,只需要使用QSS(QtStyleSheet)就可以轻松做到,最近详细了解了QSS,做了个百度网盘的登录...

    概述

    2d3b21146891e7489f27bb73bc273653.png

    转眼七年过去了,我是一个彻底拥抱过MFC的人,记得老大的一个需求要把按钮做成圆角,并添加背景颜色,做前端html的可能认为很简单,然而放到MFC上那可真的是很...很麻烦的,自定义类继承Button ,新手估计还搞不定,怎么也有上百行代码,实在不友好,Qt诞生大大简化了这些工作,只需要使用QSS(Qt Style Sheet)就可以轻松做到,最近详细了解了QSS,做了个百度网盘的登录界面,整理好我会把源码放出来,供大家参考。

    QSS语法

    2d3b21146891e7489f27bb73bc273653.png

    background-color:rgb(6, 168, 255); 背景色

    color:red;              字体颜色

    border-radius:5px;         边框圆角半径

    border:2px solid green;      边框2像素,实现,绿色

    font:10pt;             字体大小10

    设置QSS方法

    2d3b21146891e7489f27bb73bc273653.png

    方法一:UI界面设置

    鼠标到按钮上右键,"改变样式表",在编辑样式表对话框中添加QSS样式。

    3bd671a75f42280a39f37bcfada855fe.png

    方法二:程序添加

    每一个控件都有setStyleSheet(const QString &styleSheet)方法,样式字符串直接传参即可,例:

    ui.pushButton1->setStyleSheet("QPushButton{background-color: white;  color: rgb(100, 100, 100) ;}");

    方法三:通过QSS文件添加

    新建文件StyleSheet.qss文件,添加内容如下:

    /*按钮静止无操作样式*/

    读取配置文件设置指定按钮样式:

    parent)

    实际项目中一般qss文件直接添加到资源里面,一起打包到EXE文件中,这样文件不会直接暴露给用户。

    14e735953e3a04e3a7c3a9ccd8ad6b15.png

    Selector

    2d3b21146891e7489f27bb73bc273653.png

    一个UI界面有很多控件,使用一个qss文件来指定样式时,可以使用Selector来分别设置控件的样式

    1.属性覆盖,一个qss文件里,后面定义的style会覆盖先前的style。

    2.同一行中多个类型需要用逗号分隔。

    QPushButton, 

    3.属性分类

    例如:有6个PushButton控件,3个设置为样式一,另外三个设置为样式二

    方法一:

    设置前3个控件的whatsThis为style1,后三个控件为style2

    36a5a62a0e54edc9ad3e7a3c9af5bd62.png

    修改StyleSheet.qss文件内容

    QPushButton

    方法二:

    直接在qss文件里指定object name,不推荐这种方式,6个控件需要些六遍,分别指定object name。

    QPushButton

    最后在程序的入口函数设置如下代码:

    QApplication a(argc, argv);

    最后附上一张使用QSS技术仿的百度网盘界面:

    f8e472b7e2d2f573561a608a1eb88be1.png

    --更多文章--

    【Qt开发】实现系统托盘,托盘菜单,托盘消息

    每天都在用的5个C语言开源项目

    bc99bffbe16cb757517e7b2240bc2bee.png

    展开全文
  • 主要用在一些需要直接在按钮执行动作显示对应进度的场景,在很多网页经常看到这种效果,这个效果有个优点就是直接在原地显示进度条,不占用其他位置,然后提供各种颜色可以设置。近期大屏电子看板程序接近尾声了,...

    2726e80e4d15a510bc769b86485c6427.png

    前言

    按钮进度条,顾名思义,表面上长得像一个按钮,单击以后切换成进度条指示按钮单击动作执行的进度,主要用在一些需要直接在按钮执行动作显示对应进度的场景,在很多网页中经常看到这种效果,这个效果有个优点就是直接在原地显示进度条,不占用其他位置,然后提供各种颜色可以设置。近期大屏电子看板程序接近尾声了,文章末尾贴出几张动图效果。

    实现的功能

    * 1:可设置进度线条宽度+颜色

    * 2:可设置边框宽度+颜色

    * 3:可设置圆角角度+背景颜色

    效果图

    a6d77a23594c25c9f6510ed0e5c7f368.gif

    头文件代码

    #ifndef PROGRESSBUTTON_H
    

    核心代码

    void 

    控件介绍

    1. 超过145个精美控件,涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。

    2. 每个类都可以独立成一个单独的控件,零耦合,每个控件一个头文件和一个实现文件,不依赖其他文件,方便单个控件以源码形式集成到项目中,较少代码量。qwt的控件类环环相扣,高度耦合,想要使用其中一个控件,必须包含所有的代码。

    3. 全部纯Qt编写,QWidget+QPainter绘制,支持Qt4.6到Qt5.12的任何Qt版本,支持mingw、msvc、gcc等编译器,不乱码,可直接集成到Qt Creator中,和自带的控件一样使用,大部分效果只要设置几个属性即可,极为方便。

    4. 每个控件都有一个对应的单独的包含该控件源码的DEMO,方便参考使用。同时还提供一个所有控件使用的集成的DEMO。

    5. 每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。

    6. 每个控件默认配色和demo对应的配色都非常精美。

    7. 超过130个可见控件,6个不可见控件。

    8. 部分控件提供多种样式风格选择,多种指示器样式选择。

    9. 所有控件自适应窗体拉伸变化。

    10. 集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。

    11. 自带activex控件demo,所有控件可以直接运行在ie浏览器中。

    12. 集成fontawesome图形字体+阿里巴巴iconfont收藏的几百个图形字体,享受图形字体带来的乐趣。

    13. 所有控件最后生成一个dll动态库文件,可以直接集成到qtcreator中拖曳设计使用。

    SDK下载

    - SDK下载链接:https://pan.baidu.com/s/1tD9v1YPfE2fgYoK6lqUr1Q 提取码:lyhk

    - 自定义控件+属性设计器欣赏:https://pan.baidu.com/s/1l6L3rKSiLu_uYi7lnL3ibQ 提取码:tmvl

    - 下载链接中包含了各个版本的动态库文件,所有控件的头文件,使用demo。

    - 自定义控件插件开放动态库dll使用(永久免费),无任何后门和限制,请放心使用。

    - 目前已提供26个版本的dll,其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。

    - 不定期增加控件和完善控件,不定期更新SDK,欢迎各位提出建议,谢谢!

    - widget版本(QQ:517216493)qml版本(QQ:373955953)三峰驼(QQ:278969898)。

    7ab2399719da8409622e5e090c6bdc0f.png

    57cf9a25fb745da0c51174c468d74ca8.png

    10bc3a365497bcdb29505778672c52a1.gif

    0ecc9539a6f8797e0cbbf479bc68d77b.gif
    展开全文
  • http://download.qt.io //qt各个版本下载地址多界面跳转和界面之间传递参数关键点: 第一个:在QT工程右键添加新的文件,选择QT设计师界面类,继承Mainwindow 第二个:MainWin *newwin=new MainWin(this);...

    http://download.qt.io //qt各个版本下载地址

    多界面跳转和界面之间传递参数

    1. 关键点:

    第一个:在QT工程中右键添加新的文件,选择QT设计师界面类,继承Mainwindow

    第二个:MainWin *newwin=new MainWin(this); //this表示newwin的上一级窗口是当前登录窗口

    MainWin *newwin=new MainWin(); //没有保存上一级窗口,无法返回

    注意:主窗口QMainWindow是独立的窗口,可以嵌套包含widget

    Widget往往用来嵌入到某个主窗口

    练习:实现三个界面之间的跳转

    1. 多个界面之间如何传递参数

    方法一: 定义全局变量,整个工程都可以共用这个全局变量

    方法二: 在下一级界面定义公有方法,接收上一级传递的参数

    交叉编译QT程序到开发板上运行

    1. Windows上QT编译程序的原理

    点击编译运行按钮 --》QT creator自动调用qmake命令去执行Makefile文件自动编译程序

    1. 分析如何把QT程序编译运行到6818开发板

    想法一:安装linux版本的QT程序(.run结尾就是)

    错误:原因linux版本的QT默认使用的gcc和g++这两个编译器(而且编译用到的库文件也是X86架构),而我们开发板上的QT程序必须是ARM架构

    解决方法:自己从QT官网中下载QT库的源码,交叉编译成ARM版本的库文件才可以使用

    QT库的源码以及编译步骤方法可以参见我给的文档(编译时间有点长,而且需要依赖第三方库)

    1. 在ubuntu上搭建ARM版本QT的库

    第一步:把我编译好的ARM版的QT库压缩包拷贝到ubuntu的/usr/local中然后解压 tar -xf Qt-Embedded-5.7.0.tar.xz

    第二步:安装新版本的arm编译工具,最好是5.4.0这个版本的ARM工具,如果不是重新安装

    第三步:使用刚才搭建好的QT库编译你的QT程序

    /usr/local/Qt-Embedded-5.7.0/bin/qmake 帮助你生成Makefile

    提示:可以把这个路径设置成环境变量/etc/bash.bashrc

    export PATH=/usr/local/Qt-Embedded-5.7.0/bin:$PATH

    接着make即可自动编译QT程序

    遇到的问题:

    第一个:linux基础不牢

    布局管理器

    1. 作用:对你的窗口中所有的组件进行布局

    三种布局管理器:

    水平布局管理器:

    垂直布局管理器:

    网格布局管理器:

    ae24b1c29ff6c05ae9ea5a7edb7a7309.png

    对话框

    1. QT中常见的对话框或者消息盒子

    颜色对话框

    字体对话框

    输入对话框

    消息盒子

    自定义对话框

    1. 消息盒子QMessageBox

    第一种:警告盒子

    warning(QWidget *parent, const QString &title, const QString &text, QMessageBox::StandardButtons buttons, QMessageBox::StandardButton defaultButton = NoButton)

    扩展:

    1. 研究一下时间,日期有关的组件如何使用

    2.setStandardButtons(QMessageBox::StandardButtons ) //可以往消息盒子中添加多个按钮

    展开全文
  • QT的自动滚动区QScrollArea的用法,图文详解_野生猿-群号1025127672-CSDN博客_qscrollarea​blog.csdn.net这个的代码最后一段是缺少的.需要加几行. scrollArea->setWidget(pWgt); setCentralWidget(scrollArea);...
  • 一、前言前面几篇文章的控件基本上难度系数接近0,甚至有凑控件数量的嫌疑,这次必须来一个强悍的控件,本控件难度系数在所有控件排前五,代码量也不少,头文件都550行,实现文件1600行,为什么这么多呢,其实本...
  • 前言动画按钮组控件可以用来当做各种漂亮的导航条用,既可以设置成顶部底部+左侧右侧,还自带精美的滑动效果,还可以设置悬停滑动等各种颜色,原创作者雨田哥(QQ:3246214072),驰骋Qt控件界多年,雨田哥是我见过的在...
  • 1.程序介绍1.1 .pro文件#---------------...快捷方式注释:ctrl + /运行:ctrl + r编译:ctrl + b字体缩放:ctrl + 鼠标滚轮查找:ctrl + f整体移动:ctrl + shift +方向键自动对齐:ctrl +i帮助文档:F1同名之间的 ...
  • 近几日闲来无事,便想做个东西玩玩,敲敲代码,取取经,玩玩Qt,做点小Demo。参考多方资料,结合了众多网友的技术,做了一个基于Qt的QQ局域网聊天软件。源码下载:点击下载源码GithubPage:https://joeyos.github.io...
  • Qt中的qss机制,和css极为相似,感觉就是脱胎于css,用qss来实现Qt界面样式不是一般的方便,而是相当的爽,在看到FlatUI这样的精美的扁平化设计样式后,难以抑制手痒痒,就想用qss实现类似的风格。 开源地址:...
  • 实现的功能 * 1:可设置三种状态不同的值 * 2:可设置三种状态不同的颜色 * 3:可设置圆角角度 * 4:可设置启用自动圆角 * 5:可设置边框宽度+颜色 * 6:可设置是否显示值或者百分比 * 7:可设置字体自适应大小 * 8:可设置...
  • 一、前言在做各种各样的项目,难免遇到需要设定自己界面风格样式的时候,而Qt提供的qss就是牛逼的为了实现定制各种各样的皮肤的,其实一个完美的UI界面,主要由两大块组成,一个是颜色搭配,一个是布局,这两个...
  • 在读本篇内容之前建议先从QT使用教程(一)(二)(三)读起,初体验1:Qt Creator界面认识启动 Qt Creator,出现下图界面:Qt Creator 的界面很简洁。上方是主菜单栏,左侧是主工具栏,窗口的中间部分是工作区。根据设计...
  • 简言Qt 是基于C++的 GUI 解决方案。QT简单易学(底层封装的好)、跨平台、相关资料易得到。开始写Qt 相关的文章的主要原因是,我本人在编写一个视频录制及相关处理的项目,写到一半发现.net winform 相关UI的处理限制...
  • QT5 设置按钮图标自适应大小

    万次阅读 2018-01-05 15:34:43
    QPushButton *button = new QPushButton(this); button->setGeometry(50, 50, 100, 50); button->setStyleSheet("border-image:url(:/timg.jpg)"); connect(button, &QPushButton::pressed, [=](){ ...
  • QT的编写:对于Qt中工具栏的字体如何调整大小问题的解决方法。 以下为凑字数,请忽略。:qqqqqqqqqqqqqqqqqqq
  • Qt界面字体大小设置和更改字体

    万次阅读 2012-04-11 10:40:59
    Qt中经常会涉及到界面字体大小设置,默认字体一般比较小,特别是在移植到开发板上进行显示一般都要放大字体,因为开发板上液晶显示屏幕分辨率都是非常的小,跟电脑显示有很大差别。  一种整体界面字体设置的...
  • Qt 控件自适应字体大小

    千次阅读 2020-08-26 18:33:17
    当你的字体太大的时候需要QLable自适应调整QLable的高度,adjustSize就可以满足此要求,其他的控件也一样,比如QCheckBox,QLineEdit等控制自适应字体大小都可以使用adjustSize lable->adjustSize() //自动调整...
  • 解决qt字体大小设置问题

    千次阅读 2010-11-24 10:37:00
    关于字体设置,这里使用的是qpf字体是一种不可缩放的字体,点阵字体该种字体的优点是占用的内存小,特别适合嵌入式环境的开发,关于Qt支持的其他的字体可以去google查看具体的内容,这里主要说明的是qpf在qt中的...
  • 一,如何给widget设置背景色   方法1:使用调色板  1,设置widget属性: setAutoFillBackground(true); 2:,调色板QPalette palette;palette.setColor(QPalette::Background, QColor(231, 231, 231));   3...
  • Qt设置按钮为圆形

    千次阅读 2019-07-31 13:49:00
    通过Qt 的样式表实现圆形按钮,其也可以实现圆角按钮,当然也可以使用其他的方式,比如说,通过派生按钮类使用绘图事件,进行一个图形的绘制,或者是通过自定义一个类,通过信号与槽的机制与绘图事件的配合也能实现...
  • 想在QT程序支持中文,最简单的方法:在main函数调用 QTextCodec::setCodecForTr( QTextCodec::codecForName("GBK") );(字库只要是支持中文的就可以了,比如utf8等)就可以了。然后就像显示英文那样定义QFont ...
  • QT QSS设置炫彩字体

    千次阅读 2020-09-14 17:56:42
    //按钮字体 加粗 大小 字体种类 color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, //文字颜色 stop:0 rgba(255, 0, 0, 255), stop:0.166 rgba(255, 255, 0, 255), stop:0.333 rgba(0, 255, 0, 255), ...
  • Qt设置按钮的图标

    万次阅读 2013-06-07 19:04:31
    一个简单的按钮图片加载代码,一般人出现的问题都是加载的图片可能会很小,怎么解决...如何显示中文、如何设置字体以及颜色等。 #include #include #include #include #include int main(int argc, cha
  • You can apply via widget->setStyleSheet() Applying this to a widget in the hierarchy above will style all the buttons underneath, the QT stylesheet mechanism is very flexible and fairly well ...
  • 现在的做法:缩放功能用布局实现,圆形按钮用setstylesheet实现(重载resizeevent),按钮上的图片每次改变窗体 大小就重新计算图片的大小(在resizeevent实现)。 但是我们老大说这个占用内存太多,用来运行...
  • css QFont经常使用属性linux函数 描述函数setFamily字体设置字体uisetPixelSize操作系统设置字体像素大小插件setBoldblog字体加粗itsetItalictable斜体setPointSize设置字体大小setOverline上划线setUnderline下划线...
  • QT设置背景图片以及设置按钮

    千次阅读 2018-08-14 15:10:46
    1.Qt设置背景图片  ①。设置UI窗口背景图片,需要在构造函数添加以下代码: this-> setAutoFillBackground(true); QPalette palette = this-> palette();  Palette.setBrush(Qpalette ::...
  • 在代码实现: ui->Btn->setStyleSheet("background-color:rgb(43,143,255);color:rgb(255,255,255)");font:10pt '微软雅黑' 在ui文件实现: ...background-color:rgb(43,143,255)–按钮背景颜色;

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,627
精华内容 1,850
关键字:

qt设置按钮字体大小