样式设置的三种方式
样式表设置
ui.label->setStyleSheet("QToolTip{border:1px solid rgb(118, 118, 118); background-color: #ffffff; color:#484848; font-size:12px;}"); //设置边框, 边框色, 背景色, 字体色, 字号 ui.label->setToolTip("Hello, world!");
调色板设置
//设置QToolTip颜色 QPalette palette = QToolTip::palette(); palette.setColor(QPalette::Inactive,QPalette::ToolTipBase,Qt::white); //设置ToolTip背景色 palette.setColor(QPalette::Inactive,QPalette::ToolTipText,QColor(102, 102, 102, 255)); //设置ToolTip字体色 QToolTip::setPalette(palette); QFont font("Segoe UI", -1, 50); font.setPixelSize(12); QToolTip::setFont(font); //设置ToolTip字体
全局:qApp->setStyleSheet("QToolTip{border: 0px solid black;background:red;}");
控件:QLabel m_label; m_label->setStyleSheet("QToolTip{border: 0px solid black;background:red;}");
HTML方法
有时候使用第三方控件时,上述方法都无效,采取HTML方法:
例如,使用Qcustomplot时,Qcustomplot控件的样式表设置达不到设定的效果。(后来发现设置Qcustomplot控件的父控件样式可以实现效果)
QString st = "<b style=\"background:white;color:black;\">%1</b>"; QToolTip::showText(event->pos(),st.arg("5566"),this);
注:因为是自定义的QWidget派生类,需要对paintEvent添加一些代码,才能使得在Qt Designer里通过StyleSheet更改背景颜色(background-color)生效。
需要添加的代码如下:
QStyleOption opt; opt.init(this); QPainter p(this); style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
QToolTip换行显示
QString ToolTipWrap(QString strSrc,QFont font,int width) { int iCurrent = 0; QString strToolTip = ""; QString strTemp = ""; QFontMetrics fontMetrics(font); while(iCurrent < strSrc.size()) { strTemp += strSrc.at(iCurrent); if(fontMetrics.width(strTemp)>=width) { strToolTip +=strTemp + "\n";//或HTML标签<br/> strTemp.clear(); } ++iCurrent; } return strToolTip; }
当我们把鼠标放到QLabel,QPushButton等控件上面时,会出现提示语,这个提示语就是QToolTip;
想要出现提示语需要调用对应控件的setToolTip函数;
QToolTip的样式设置和QLabel保持一致;但QToolTip无法做到背景透明,也无法改变形状,如果设置背景为transparent透明时,默认会添加黑色背景;设置圆角半径时,改变的只是内部的圆角半径;
QToolTip{
//设置字体样式
font-family: "Microsoft YaHei";//字体类型
font-size: 25px;//字体大小,像素
font-style: italic;//字体斜体样式,mormal不斜体
font-weight:bold;//字体加粗样式,mormal不加粗
color: #bdc8e2//字体颜色
font: bold italic 18px "Microsoft YaHei";//顺序要求:style weight size family 或者 weight style size family
//文字位置
padding-left: 10px;距离左边边界的距离
padding-top: 10px;距离顶边边界的距离
padding-right: 10px;距离右边边界的距离
padding-bottom: 10px;距离底边边界的距离
//边框样式
border-style: solid;//边框样式,实线:solid ;虚线:dashed; 点线:dotted;
不显示(默认):none;
border-width: 2px;
border-color: red;
border:2px,solid red;//同时设置
//某一条边框(其他三个边框: right,bottom,left)
border-top-style:solid;
border-top-width:2px;
border-top-color:red;
//圆角
border-top-left-radius:20px;//左上角弧度
border-top-right-radius:20px;//右上角弧度
border-bottom-left-radius:20px;//左下角弧度
border-bottom-right-radius:20px;//右下角弧度
bordet-radius:20px;//同时设置4个角的弧度
//背景样式
background-color:rgba(r,g,b,a);//值transparent为透明
background-image:url(".png");//背景图片
background-repeat:no-repeat;//在x轴重复:repeat-x; 在y轴重复:repeat-y
background-position:left center;//图片显示位置:left,right,center,top,bottom;
background: url(".png") no-repeat left center #2e3648;//顺序任意
}