QT常用控件美化

/背景透明,必须加上!否则QWidget设置border-radius时不成功!注意://this->setAutoFillBackground(true);//加上后QCheckBox和QRadioBox会有背景色!//不设置这个CSS可能不起作用!
摘要由CSDN通过智能技术生成

QPushButton、QToolButton的美化:

QPushButton {
    border-image:url(:/new/icons/icons/play.png);
	background-color: rgb(18,150,219);
	color: rgb(205, 233, 252);
	border-radius:2px;
    border:1px solid rgb(160, 160, 160);
}
QPushButton::hover {
	background-color: rgb(29, 70, 179);
}
QPushButton:pressed {
    border-image: url(:/new/icons/icons/play-pressed.png);
}
QPushButton:disabled {
    color: #333333;
}
QPushButton::menu-indicator { /**QPushButton添加菜单后,隐藏向下的箭头 **/ 
    image: none; 
}

QToolButton {
	background-color: rgb(18,150,219);
	border-radius:2px;
}
QToolButton::hover {
	background-color: rgb(29, 70, 179);
}
QToolButton:pressed 
{
    padding-top: 2px;
    padding-left: 1px;
}
QToolButton:disabled 
{
    color: gray;
}

QSlider的美化:

​
QSlider::handle:horizontal{ /**设置滑块样式**/
    width:8px;
    background-color:rgb(255, 253, 252);
    margin:-11px 0px -11px 0px;
    border-radius:3px;
}
QSlider::groove:horizontal{
    height:2px;
    background-color:rgb(29, 70, 179);
}
QScrollBar::add-line:vertical { /**设置向下按钮**/
    background:02123e;
    border:1px solid #083863;
}
QScrollBar::sub-line:vertical { /**设置向上按钮**/
    background:02123e;
    border:1px solid #083863;
}
QSlider::add-page:horizontal{ /**设置滚动条的增加页区域**/
    background-color:rgb(29, 70, 179);
}
QSlider::sub-page:horizontal{   /**设置滚动条的减少页区域**/
    background-color:rgb(26,217,110);
}
QSlider::groove:horizontal {
    border: 1px solid #bbb;
	background-color: #fff;
    background:#1E3E62;
    height: 10px;
    border-radius: 4px;
}

QSlider::sub-page:horizontal {
   background: qlineargradient(x1: 0, y1: 0,    x2: 0, y2: 1,
        stop: 0 #0078d7, stop: 1 #0063ad);
   /** border: 1px solid #777;**/
    height: 8px;
    border-radius: 4px;
}

QSlider::add-page:horizontal {
    background: #1E3E62;
   /** border: 1px solid #777;**/
    height: 8px;
    border-radius: 4px;
}

QSlider::handle:horizontal {
    /**background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
        stop:0 #eee, stop:
  • 10
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: VS2013是一种集成开发环境,用于开发各种应用程序。而Qt是一个跨平台的框架,用于创建图形用户界面应用程序。在VS2013中使用Qt可以实现对界面的美化。 要在VS2013中美化Qt界面,首先需要确保已经安装了Qt插件。在安装了Qt插件后,可以在VS2013中选择创建一个新的Qt项目。 创建一个新的Qt项目后,可以使用Qt的设计师工具来创建和编辑界面。设计师工具提供了丰富的控件和布局选项,可以轻松地设计出漂亮、直观的界面。通过拖拽和调整控件的属性,可以自由地调整界面的布局和外观。 在设计界面的过程中,可以使用Qt提供的样式表来为控件添加样式和效果。样式表是一种强大的工具,可以通过设置属性和值来改变控件的外观和行为。通过合理地运用样式表,可以为界面添加各种效果,比如背景图片、阴影效果、边框样式等。 此外,还可以使用Qt提供的图标库来为界面添加图标。Qt图标库包含了丰富的图标资源,可以用于按钮、菜单、工具栏等控件。通过选择合适的图标,可以为界面增加美观和可操作性。 在设计和美化界面时,还可以结合使用其他工具和插件,比如Qt Creator和Qt Designer。这些工具提供了更多的功能和选项,可以更加方便地进行界面设计和美化的工作。 总的来说,通过使用VS2013和Qt,可以实现对界面的美化。通过合理地运用设计工具、样式表和图标资源,可以为界面增加各种效果,使其更加美观和易于操作。 ### 回答2: 在VS2013中,我们可以使用Qt框架进行界面美化。 使用Qt框架的好处是它提供了丰富的UI控件和样式,使得界面设计更加灵活多样。以下是一些常用的界面美化方式: 1. 使用自定义样式表:Qt提供了样式表功能,可以通过CSS样式表来定义控件的外观。我们可以设置控件的背景、字体、边框等属性,从而实现界面的美化。 2. 使用图标和图片:Qt提供了丰富的图标和图片资源,我们可以在界面中使用这些资源来增加界面的吸引力。可以使用QIcon类来设置控件的图标,也可以通过QPixmap类来设置控件的背景图片。 3. 使用动画效果:Qt提供了动画框架,可以实现控件的平移、旋转、缩放等动画效果,从而提升用户体验。我们可以使用QAnimation类来创建和控制动画效果。 4. 使用自定义控件Qt支持自定义控件开发,我们可以根据自己的需求设计和实现新的控件,从而实现更加独特和个性化的界面效果。 5. 使用主题样式:Qt提供了一些现成的主题样式,我们可以直接应用到整个应用程序或者单个控件上,从而快速美化界面。可以通过QPalette类设置界面的颜色和样式。 总的来说,Qt提供了丰富的界面美化功能,可以帮助我们实现各种各样的界面效果。在VS2013中,我们可以充分利用这些功能,为我们的应用程序设计出漂亮、个性化的界面。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值