qt style sheet(QSS)这不是学习例子

          弄完基本的图形界面后,尝试去做一个比较看起来“专业”的界面,但是通过布局学习,还有对应的ui界面,然后发现自己依旧布局不出来好看的界面,感觉写出来,太水:

          我要记录下未来对布局的学习,与我现在会有多大的变化,把现在做的界面贴出来吧,当成一个对比的界面,以后的界面要靠自己来多多练习:

        我的图片:

连我自己都看不下去了,哎,以后还是多多学习吧,下面是QSS的界面代码:

#centralWidget
{
background:rgba(32, 80, 96, 100);
border-image:url(:/icons/icon/bg3.jpg);
}

#topPanel
{
background-color:qlineargradient(spread:reflect, x1:0.5, y1:0, x2:0, y2:0, stop:0 rgba(91, 204, 233, 100), stop:1 rgba(32, 80, 96, 100))
}

#logform
{
  background:rgba(0, 0, 0, 80);
  border-radius:8px;
}

QLabel
{
   color:rgb(255, 85, 0);
}

QLineEdit
{
  background:transparent;
  border:2px solid rgb(255, 85, 0);
  border-radius:8px;
}

QPushButton
{
   color:rgb(255, 85, 0);
   background-color:transparent;
   border-color:rgb(255, 255, 255);
   border-width:1px;
   border-radius:3px;
}

QPushButton:hover
{
   background-color:#66c011;
}

      记住这个不是学习代码,请不要学这个,这个只是我一个开始学习的水平,希望后期变的更加好,同时谢谢公孙二狗给我的建议, 一起加油。

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QComboBox是Qt中常用的组合框控件,它可以用来显示一个下拉列表框,用户可以通过下拉列表框选择其中的选项。在实际开发中,我们经常需要对QComboBox进行定制,以适应不同的UI风格和需求。 一、修改下拉箭头样式 QComboBox的下拉箭头默认是一个灰色三角形,我们可以通过修改QComboBox的QSS样式表来改变箭头的颜色和形状。例如,下面的代码可以将箭头变为一个红色正方形: ``` QComboBox::drop-down { image: url(:/images/red_square.png); } ``` 其中,`:drop-down`是QComboBox的伪状态选择器,表示下拉箭头的部分;`url()`函数指定了箭头的图片路径。注意,这里使用的图片必须是一个正方形,否则可能会出现拉伸或失真的情况。 二、修改下拉列表框样式 QComboBox的下拉列表框默认是白色背景、黑色边框和灰色文字,我们可以通过修改QComboBox的QSS样式表来改变下拉列表框的颜色和样式。例如,下面的代码可以将下拉列表框变为蓝色背景、白色边框和红色文字: ``` QComboBox::drop-down { background-color: blue; } QComboBox QAbstractItemView { border: 2px solid white; background-color: blue; color: red; } ``` 其中,`QAbstractItemView`是QComboBox下拉列表框的子控件,我们通过修改它的QSS样式表来改变下拉列表框的样式。注意,为了避免出现不必要的滚动条,我们可以将`QAbstractItemView`的`QScrollBar`控件的QSS样式表设置为`background: none;`。 三、修改文本框样式 QComboBox的文本框默认是白色背景、黑色边框和黑色文字,我们可以通过修改QComboBox的QSS样式表来改变文本框的颜色和样式。例如,下面的代码可以将文本框变为灰色背景、白色边框和蓝色文字: ``` QComboBox { background-color: gray; color: blue; border: 2px solid white; } ``` 其中,`QComboBox`是QComboBox的主控件,我们通过修改它的QSS样式表来改变文本框的样式。 四、修改选中项样式 QComboBox的选中项默认是蓝色背景和白色文字,我们可以通过修改QComboBox的QSS样式表来改变选中项的样式。例如,下面的代码可以将选中项变为红色背景和黄色文字: ``` QComboBox::item:selected { background-color: red; color: yellow; } ``` 其中,`:item:selected`是QComboBox的伪状态选择器,表示选中项的部分;`background-color`属性指定了选中项的背景颜色,`color`属性指定了选中项的文字颜色。 以上是QComboBox的常见定制方法,你可以根据需要选取其中的一种或多种进行定制。同时,你也可以通过QSS样式表来修改其他Qt控件的样式,以实现UI的个性化定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值