相关文章推荐
稳重的枕头  ·  CVPR 2023 | ...·  1 年前    · 
有爱心的米饭  ·  java - ...·  1 年前    · 
悲伤的伤痕  ·  javascript ...·  1 年前    · 

1、pushbutton文字增加下划线:

qss中增加 text-decoration:underline; 属性:

ui->qq_name->setStyleSheet("QPushButton#qq_name{background:transparent;color:white;text-decoration:underline;}");

运行结果:
在这里插入图片描述

2、broder-radius圆角的使用:

资料来自:https://blog.csdn.net/goforwardtostep/article/details/52084538

(1)broder-radius四角的属性:

border-top-left-radius //设置左上角圆角; 
border-top-right-radius //设置右上角圆角; 
border-bottom-left-radius //设置左下角圆角; 
border-bottom-right-radius //设置右下角圆角; 
border-radius //设置四个角圆角;

只设置上面的两个角变圆:

ui->groupBox->setStyleSheet("QGroupBox#groupBox{border:0px;border-top-left-radius:2px;border-top-right-radius:2px;border-image:url(:/new/prefix1/source/3.png);}");

在这里插入图片描述
(注意:边角变圆以后,可能会出现白色的角,之前提到过,那是因为变圆以后,但它的父控件还是矩形,所以要么把父控件透明,要么把父控件的边角也变圆)

(2)设置圆角横纵两个方向的弯曲程度:
只需要在border-radius中使用两个参数就可以了:
border-radius: 15px 50px
第一个参数设置X轴方向的半径
第二个参数设置Y轴方向的半径

对比一下:
一个参数:border-radius: 15px
在这里插入图片描述
两个参数:border-radius: 15px 50px
在这里插入图片描述

3、修改checkbox复选框中的小框:

本来想更改checkbox的小方框的颜色为灰色,在qss中添加代码:

//indicator表示checkbox的小框
QCheckBox#checkBox::indicator{border:1px solid rgb(166,166,166);}

执行结果:
在这里插入图片描述
虽然修改成功了,但是点击以后不显示勾了。

找了一些资料,在https://blog.csdn.net/liang19890820/article/details/50976944提供的官方资料:

QCheckBox{
        spacing: 5px;
        color: white;
QCheckBox::indicator {
        width: 17px;
        height: 17px;
QCheckBox::indicator:enabled:unchecked {
        image: url(:/Images/checkBox);
QCheckBox::indicator:enabled:unchecked:hover {
        image: url(:/Images/checkBoxHover);
QCheckBox::indicator:enabled:unchecked:pressed {
        image: url(:/Images/checkBoxPressed);
QCheckBox::indicator:enabled:checked {
        image: url(:/Images/checkBoxChecked);
QCheckBox::indicator:enabled:checked:hover {
        image: url(:/Images/checkBoxCheckedHover);
QCheckBox::indicator:enabled:checked:pressed {
        image: url(:/Images/checkBoxCheckedPressed);
QCheckBox::indicator:enabled:indeterminate {
        image: url(:/Images/checkBoxIndeterminate);
QCheckBox::indicator:enabled:indeterminate:hover {
        image: url(:/Images/checkBoxIndeterminateHover);
QCheckBox::indicator:enabled:indeterminate:pressed {
        image: url(:/Images/checkBoxIndeterminatePressed);

原来checkbox的是通过背景图片来实现的呀,也许原先是没有边框的。可能是我设置的qss把它原本的样式覆盖了,也可能是我设置的1像素的边框导致图片不显示了。

由上面的资料,checkbox提供的关于小框的样式修改的是它的宽高和背景图片:
所以需要改边框颜色,还不如直接改变它的背景图片。

去阿里图标库找了个复选框,大小改为14像素作为背景图片,然后设置qss

    ui->checkBox->setStyleSheet("QCheckBox#checkBox{color:rgb(166,166,166);}"
                                "QCheckBox#checkBox::indicator:checked{image: url(:/new/prefix1/source/checkbox_checked.png)}"
                                "QCheckBox#checkBox::indicator:unchecked{image: url(:/new/prefix1/source/checkbox_unchecked.png)}");
    ui->checkBox_2->setStyleSheet("QCheckBox#checkBox_2{color:rgb(166,166,166);}"
                                  "QCheckBox#checkBox_2::indicator:checked{image: url(:/new/prefix1/source/checkbox_checked.png)}"
                                  "QCheckBox#checkBox_2::indicator:unchecked{image: url(:/new/prefix1/source/checkbox_unchecked.png)}");

运行结果:

修改前:
在这里插入图片描述
修改后:

点击前:
在这里插入图片描述
点击后:
在这里插入图片描述

1、pushbutton文字增加下划线:qss中增加text-decoration:underline;属性:ui-&gt;qq_name-&gt;setStyleSheet("QPushButton#qq_name{background:transparent;color:white;text-decoration:underline;}");运行结果:2、broder-radius圆角的使用:资料来自:https://blog.csdn.net/goforwardtostep/articl 根据项目需求,需要在Qt进行绘图显示我们的数据。这时候,我们就用到了Qt在5.0之后新增的自带QChart控件,不再需要我们自己再去添加第三方库。下面是详细的介绍~ 在.pro文件 QT += charts 在.h文件 //QChart #include <QtCharts> using namespace QtCharts; //定时器 #include <QTimer> private slots: void updata_plot(); void on_pushButton_clicked(); void on_pushButton_2_clicked(); private: //绘图定时器 QTimer *timer_plot; QSplineSeries* line; //曲线点的最大数量 int line_max = 100; //绘图变量和坐标 QChart* chart; QValueAxis *axisX; QValueAxis *axisY; 在.cpp文件 //将变量实例化 timer_plot = new QTimer(this); connect(timer_plot,SIGNAL(timeout()),this,SLOT(updata_plot())); line = new QSplineSeries(this); chart = new QChart(); chart->addSeries(line); axisX = new QValueAxis(this); axisY = new QValueAxis(this); //图像更新函数 void MainWindow::updata_plot() QVector<QPointF> list; QVector<QPointF> newlist; list = line->pointsVector();//获取现在图列表 if (list.size() < line_max) //保持原来 newlist = list; //错位移动 for(int i =1 ; i< list.size();i++) newlist.append(QPointF(i-1,list.at(i).y())); newlist.append(QPointF(newlist.size(),rand()));//最后补上新的数据 line->replace(newlist);//替换更新 line->setName("pressure");//设置曲线名称 line->setPen(QColor(255, 0, 0));//设置曲线颜色 line->setUseOpenGL(true);//openGl 加速 chart->setTitle("Pressure Data");//设置图标标题 chart->removeSeries(line); chart->addSeries(line); chart->createDefaultAxes();//设置坐标轴 // axisX->setRange(0,line_max);//范围 // axisX->setTitleText("times(secs)");//标题 // axisX->setTickCount(10);//分隔个数 // axisX->setLineVisible(true);//可视化 // axisX->setLinePenColor(Qt::blue);//颜色 // axisY->setRange(-200,1200); // axisY->setTitleText("value"); // axisY->setTickCount(6); // axisY->setLineVisible(true); // axisY->setLinePenColor(Qt::blue); // chart->setAxisX(axisX,line); // chart->setAxisY(axisY,line); ui->widget_plot->setChart(chart); void MainWindow::on_pushButton_clicked() timer_plot->start(50);//启动定时器 void MainWindow::on_pushButton_2_clicked() timer_plot->stop();//关闭定时器 在.ui文件
转载自https://zhuanlan.zhihu.com/p/440257095 前提按钮分为了四种状态:常态、聚焦、按下、禁用功能1:背景颜色值改变我们可以对四种状态设置一个背景颜色值,也可以根据不同状态设置不同的颜色值。主要是根据我们实际的开发需求来定的。情况1:四种状态使用一种背景颜色值QSS方式:Background-color:#FF0000; 情况2:每个状态的颜色值不一样QSS方式“QPushButton{background-color:#FF0000};” //常态 “QPushButt
实现方式: ①最开始一直以为是在按钮下面弄一个QLabel之类的控件用来设置底部颜色,这样是可以实现,但是实现起来会比较复杂(需要在响应按钮点击事件、鼠标滑过事件的时候,这只QLabel的颜色,然后鼠标点击到另一个按钮的时候,需要清除上一个按钮的颜色)。 ②比较简单的办法是直接使用QSS,可以直接设置按钮的底部边框宽度和颜色,这样就只需要在QSS就能完成所有效果设置。 代码如下: #ifndef WIDGET_H #define WIDGET_H #include <QWidget
setStyleSheet("background: transparent;color:#10bacb;font-size:12px;font-family:Microsoft YaHei;"               "border-width:1px;border-style:none none solid none;border-color:#10bacb;"); 这样可以将QP
# Form implementation generated from reading ui file 'font3_2.ui' # Created by: PyQt5 UI code generator 5.15.4 # WARNING: Any manual changes made ..
1、获取/设置控件的值 对于复选框来说,我们最关心的是它的选状态。实际项目一般判断复选框是否被选,如果被选,执行A操作;如果没被选,执行B操作。代码如下: if (ui.checkBox->isChecked()) //A操作 //B操作 2、事件处理 当复选框被选/取消选时,可以得到这个事件,并添加事件处理的代码。 目的:默认按钮状态是不可点击的灰色状态,当复选框被选之后,按钮变成可选状态。 1)首先将按钮初始化变成不可选的灰色状态: // 保存Excel文档 QString fileName = QFileDialog::getSaveFileName(NULL, "保存Excel文件", "", "Excel文件(*.xlsx)"); if (!fileName.isEmpty()) xlsx.saveAs(fileName); 3. 在Qt Creator打开mainwindow.ui,并添加一个PushButton控件。 4. 在mainwindow.cpp连接PushButton的clicked()信号到exportToExcel()函数: #include "mainwindow.h" #include "ui_mainwindow.h" #include <QtWidgets> #include <QtXlsx> void exportToExcel(); MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) ui->setupUi(this); connect(ui->pushButton, SIGNAL(clicked()), this, SLOT(exportToExcel())); MainWindow::~MainWindow() delete ui; void MainWindow::exportToExcel() ::exportToExcel(); 5. 在.pro文件添加以下代码: QT += xlsx 6. 编译并运行程序,单击PushButton将数据导出到Excel文件。 该示例程序创建了一个Excel文档并添加了表头和数据。用户可以通过QFileDialog选择要保存的文件名和位置。该程序使用QtXlsx库来处理Excel文档的创建和保存。
报错:‘Concatenate’layer requires inputs with matching shapes expect for the concat axis. 解决思路 manon_Li: 可以看一下你的concatenate layer怎么写的吗 C++Qt5学习笔记 2020-12-21(网络编程2:udp单播、广播、组播,HTTP下载网络文件) m0_53603491: 你好,请问这篇源码都在上面吗? stc89c52rc转移到面包板,使用oled屏 Falling_Asteroid: 不用加什么电阻电容吗?我试着接了下,stc-isp下载器无法检测到单片机 linux配置中文系统和中文输入法 m0_63789155: 为什么我安装汉语时显示“you requested to remove a package which is an essential part of your system” C++ Qt学习笔记 2020-12-1 (setToolTip换行,定时器使用,类似QQ的设置悬浮窗口实现,pushbutton上的文字或图标左右移动) qq_40363748: 大神demo方便发一下源码吗?想学习一下,897794421@qq.com,多谢