虚拟体验网站,企业专属空间登录,东莞人才市场档案接收电话,标识设计网文章目录 1、cursor2、font3、toolTip4、focusPolicy5、styleSheeyt 1、cursor
改变鼠标光标形状。 在Qt Designer界面中#xff0c;拖一个按钮过来#xff0c;右边属性面用户可以自己改cursor属性。
代码方法#xff0c;先拖一个按钮到界面上#xff1a;
#include … 文章目录 1、cursor2、font3、toolTip4、focusPolicy5、styleSheeyt 1、cursor
改变鼠标光标形状。 在Qt Designer界面中拖一个按钮过来右边属性面用户可以自己改cursor属性。
代码方法先拖一个按钮到界面上
#include QPushButtonWidget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui-setupUi(this);QCursor cursor(Qt::WaitCursor);ui-pushButton-setCursor(cursor);
}左击WaitCursorctrl 左键就可以看到库中自带的都有哪些样式。
要自定义那就把图片导入到qrc中和上一篇博客写的一样的方法而widget.cpp中要用QPixmap这个对象来表示一个图片。
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui-setupUi(this);QPixmap pixmap(:/aaa.png);QCursor cursor(pixmap);ui-pushButton-setCursor(cursor);
}不过此时默认鼠标点击时是在图片的左上角点击了一个点可以修改这个位置
QCursor cursor(pixmap, 4, 7);后面的两个数字是热点的位置以图片左上角为原点那么(4, 7)就是鼠标真正点击的位置。
图片缩放
// 不修改原图片而返回新图片
pixmap pixmap.scaled(40, 70);这里有大量免费图标可供下载阿里巴巴矢量图标库
2、font QFont 拖拽一个控件到界面就可以更改文本的font属性。
代码
#include QLabelWidget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui-setupUi(this);QLabel* label new QLabel(this);label-setText(文本);QFont font;font.setFamily(仿宋);font.setPixelSize(47);font.setBold(true);font.setItalic(true);font.setUnderline(true);font.setStrikeOut(true);label-setFont(font);
}
3、toolTip
鼠标悬停到某个控件时就能显示这个控件的作用。
setToolTip设置提示的内容setToolTipDuration设置提示存在的时间单位为ms。
#include QPushButtonWidget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui-setupUi(this);ui-pushButton_yes-setToolTip(yes按钮);ui-pushButton_yes-setToolTipDuration(4000);ui-pushButton_no-setToolTip(no按钮);ui-pushButton_no-setToolTipDuration(7000);
}4、focusPolicy
关于焦点点击输入框才能输入内容如果中途点击了其它地方再次敲键盘输入框就没有继续输入内容。这个属性设置控件获取到焦点的策略。
控件获取到焦点的方式通常为鼠标点击和tab键。 拖多个Line Edit控件到界面运行查看默认鼠标左键和tab键可以修改焦点。修改属性的focusPolicy为NoFocus这个框就得不到焦点了。
5、styleSheeyt
通过CSS设置widget的样式这些样式叫QSS比CSS功能缺失一些。 QSS写的格式和CSS一样。
拖一个控件到界面上右键修改样式表或者右边属性栏里styleSheet那里也可以修改样式表。 要查看可设置的属性在Qt文档中搜索Qt Style Sheet。
代码实现夜间模式 // 拖一个Plain Text Edit
// 拖两个按钮, 分别用来切换日间和夜间模式void Widget::on_pushButton_light_clicked()
{this-setStyleSheet(background-color: write;);ui-plainTextEdit-setStyleSheet(background-color: white; color: black;);ui-pushButton_light-setStyleSheet(color: black);ui-pushButton_dark-setStyleSheet(color: black);
}void Widget::on_pushButton_dark_clicked()
{this-setStyleSheet(background-color: black;);ui-plainTextEdit-setStyleSheet(background-color: black; color: white;);ui-pushButton_light-setStyleSheet(color: white);ui-pushButton_dark-setStyleSheet(color: white);
}// 更具体的颜色可以这样设置
this-setStyleSheet(background-color: rgb(240, 240, 240););虽然这样也不够具体但日常使用就可以了。
结束。
