Qt QTextEdit 设置 QScrollBar 样式表不生效解决方案

在UI里面引用QTextEdit控件,在对其进行样式设计的时候,通常也会对其滚动条(
horizontalScrollBar、verticalScrollBar) 进行样式设计。

例如我们对QTextEdit 的垂直滚动条进行样式设计,样式表会这样写:

QTextEdit#textEdit
{
	background:rgba(0,0,0,0.1);
	color:rgba(255,255,255,0.8);

	border-radius:2px;
	border:none;
	font-size:14px;
	font-family:"微软雅黑";
}

QScrollBar:vertical
{
       border: none;
       background: transparent;
       width: 6px;
}

QScrollBar::handle:vertical
{
       background-color: rgba(255,255,255,1);
       min-height: 30px;
	  border-radius:3px;
	  width: 6px;
   }

QScrollBar::add-line:vertical
{
       border: none;
       height: 0px;
 }

 QScrollBar::sub-line:vertical
{
       border: none;
       height: 0px;
}

 QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical
 {	
	background:transparent;
      border-radius:3px;
}

在Qt Designer 里面看是正常的, 如图:

但是当运行程序(Ctrl + R)时,样式表就没有生效,如图:

============================ 解决方案=================================

 方案1:在类的构造函数里对滚动条进行polish抛光操作。

ReadingTimeSettingDialog::ReadingTimeSettingDialog(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ReadingTimeSettingDialog)
{
    ui->setupUi(this);

    ui->textEdit->verticalScrollBar()->style()->polish(ui->textEdit->verticalScrollBar());
}

方案2:

        (1)将QTextEdit 的原有滚动条隐藏,设置滚动条策略未 ScrollBarAlwaysOff 

        (2) 添加新控件Vertical Scroll Bar放置在QTextEdit的左侧 

 

  (3) 设置verticalScrollBar的样式表

  (4)构造函数里面设置verticalScrollBar为QTextEdit的滚动条

ReadingTimeSettingDialog::ReadingTimeSettingDialog(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ReadingTimeSettingDialog)
{
    ui->setupUi(this);
    ui->textEdit->setVerticalScrollBar(ui->verticalScrollBar);
}

  • 8
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值