首页 > 其他分享 >我的qt 控件样式设计

我的qt 控件样式设计

时间:2023-12-17 19:33:12浏览次数:29  
标签:控件 qt 样式 QScrollBar background 0px border 255

 

 

 

 

/*中央窗口央视*/
QWidget#CentralWidget{
    background: rgb(237,255,243);
}
/*测试题管理窗口*/
QWidget#ManageTestQuestions{
    /*background: rgb(0,0,0,80);*/
    border-image: url(:/resource/modified5.png);
}
/*测试题编辑窗口*/
QWidget#EditTestQuestions{
    background: rgb(255,255,255);
}
/*设置测试题库标题头边框样式*/
QWidget#m_titleWid{
    border: 0px solid blue;
}
/*测试题库窗口下拉按钮样式 图标*/
QToolButton#m_foldBt{
    background: rgba(0,0,0,0);
    color:rgb(255,255,255);
}
/*测试题库窗口下拉按钮样式 文字*/
QPushButton#m_titleNameBt{
    background: rgba(0,0,0,0);
    font: 25 12pt "Microsoft YaHei"; /*粗细 字号 字体*/
    color:rgb(255,255,255);
    padding-left: 5px; /*边距*/
    text-align: left; /*文字在左显示*/
}
/*添加*/
QToolButton#m_addquestion{
    background: rgba(0,0,0,0);
    border: 0px solid white;
    font: 24 11pt "Microsoft YaHei"; /*粗细 字号 字体*/
    color:rgb(255,255,255);
}
/*删除*/
QToolButton#m_delquestion{
    background: rgba(0,0,0,0);
    border: 0px solid white;
    font: 20 11pt "Microsoft YaHei"; /*粗细 字号 字体*/
    color:rgb(255,255,255);
}
/*测试题列表样式*/
QListWidget#m_listwidget{
    background: rgba(0,0,0,100);
    font: 15 10pt "Microsoft YaHei"; /*粗细 字号 字体*/
    color:rgb(255,255,255);
    border: 0px solid white;/* 设置边框的大小,样式,颜色 */
    border-radius: 10px;
}
/*测试题列表项悬浮样式*/
QListView::item:hover {
        background: rgba(158,152,32,100);
        color:rgb(255,255,255);
        /*padding: 10px;*/
        border-left: 3px solid rgb(130, 130, 130);
}
/*测试题列表项选择样式*/
QListView::item:selected {
        background: rgba(0,0,0,100);
        color:rgb(39,149,217);
        /*padding: 10px;*/
        border-left: 3px solid black;
}
/*设置测试题库窗口背景样式*/
QWidget#QuestionBankWidget{
    background: rgba(255,255,255,45);
}
/*主窗口背景*/
QWidget#mainwindow{
    background: rgb(36,51,64);
}
/*滚动条中央控件背景窗口样式*/
QWidget#m_scrollCenterWidget{
    background: rgba(0,0,0,0);
}
/*滑动条的样式*/
/* 整个垂直滚动条区域样式 */
QScrollBar:vertical {
  border: none;
  background: rgba(0,0,0,0);
  width: 10px;
  margin: 0px 0 0px 0;
}

/* 整个水平滚动条区域样式 */
QScrollBar:horizontal {
  border: none;
  background: rgb(30, 30, 30);
  height: 10px;
  margin: 0px 0 0px 0;
}

/* 滑块区域样式 */
QScrollBar::handle:vertical {
  background: rgb(79, 79, 79);
  min-height: 20px;
  border-radius: 5px;
  border: none;
  /* margin: 0 1px 0 1px; */
}

QScrollBar::handle:horizontal {
  background: rgb(66, 66, 66);
  min-height: 20px;
  border-radius: 5px;
  border: none;
}

/* 鼠标滑过滑块样式 */
QScrollBar::handle:vertical:hover,QScrollBar::handle:vertical:pressed {
  background: rgba(255,255,255,100);
  /* margin: 0 0 0 0; */
}

QScrollBar::handle:horizontal:hover,QScrollBar::handle:horizontal:pressed {
  background: rgba(255,255,255,100);
}

/* 向下箭头样式 */
QScrollBar::add-line:vertical {
  border: none;
  background: none;
  height: 0px;
  subcontrol-position: bottom;
  subcontrol-origin: margin;
}

/* 向右箭头样式 */
QScrollBar::add-line:horizontal {
  border: none;
  background: none;
  height: 0px;
  subcontrol-position: bottom;
  subcontrol-origin: margin;
}

/* 向上箭头样式 */
QScrollBar::sub-line:vertical {
  border: none;
  background: none;
  height: 0px;
  subcontrol-position: top;
  subcontrol-origin: margin;
}

/* 向左箭头样式 */
QScrollBar::sub-line:horizontal {
  border: none;
  background: none;
  height: 0px;
  subcontrol-position: top;
  subcontrol-origin: margin;
}

/* 滚动条上面和下面区域样式 */
QScrollBar::sub-page:vertical,
QScrollBar::add-page:vertical {
  background: none;
  width: 0px;
  height: 0px;
}

/* 滚动条左面和右面区域样式 */
QScrollBar::sub-page:horizontal,
QScrollBar::add-page:horizontal {
  background: none;
  width: 0px;
  height: 0px;
}
/*滑动条窗口背景样式*/
QScrollArea#m_scrollarea{
    background: rgba(0,0,0,0);
    border: 0px solid blue;
}

 

标签:控件,qt,样式,QScrollBar,background,0px,border,255
From: https://www.cnblogs.com/RedWetPlace/p/17909612.html

相关文章

  • qt滚动条样式设计
    /*整个垂直滚动条区域样式*/QScrollBar:vertical{border:none;background:rgb(30,30,30);width:10px;margin:0px00px0;}/*整个水平滚动条区域样式*/QScrollBar:horizontal{border:none;background:rgb(30,30,30);height:10px;m......
  • C++ Qt开发:自定义Dialog对话框组件
    Qt是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍自定义Dialog组件的常用方法及灵活运用。在之前的文章中笔者已经为大家展示了默认Dialog组件的使......
  • python之tkinter的鼠标样式
    tkinter的Label、Button、Enter等等cursor都可以使用表中特性改变鼠标样式。取值样式备注arrow based_arrow_down based_arrow_up boat bogosity bottom_left_corner bottom_right_corner bottom_side bottom_tee box_spiral center_ptr circle clock coffee_mug cro......
  • Qt 5.9.6+VS2019 community 环境配置
    介绍GCCminGW安装Qt5.9.6安装VS2019community略配置VS2019community在VS的管理拓展里面下载Qtvisualstudiotools如果下得很慢就手动下载vsaddin......
  • C++ Qt开发:标准Dialog对话框组件
    Qt是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍标准对话框QInputDialog、QFileDialog这两种对话框组件的常用方法及灵活运用。在Qt中,标准对话......
  • Qt/C++音视频开发60-坐标拾取/按下鼠标获取矩形区域/转换到视频源真实坐标
    一、前言通过在通道画面上拾取鼠标按下的坐标,然后鼠标移动,直到松开,根据松开的坐标和按下的坐标,绘制一个矩形区域,作为热点或者需要电子放大的区域,拿到这个坐标区域,用途非常多,可以直接将区域中的画面放大,也可以将该圈起来的区域位置发给设备,由设备设定对应的热点区域作为集中观察点......
  • python之tkinter的button控件
    按钮组件,用于监听用户行为,调用具体功能函数。按钮上可以是文字或者图片。语法:Button(master,option……)master父容器option参数参数:参数属性举例或备注bg按钮背景颜色 fg按钮前景颜色按钮上的文字颜色bd按钮边框大小边框会呈现立体感activebackground鼠标点击时按钮背景色 act......
  • qt 折叠与展开 窗口,折叠列表,展开列表,抽屉效果,根据窗口大小自动产生滚动条
      自定义折叠控件,h头文件#ifndefQUESTIONBANKWIDGET_H#defineQUESTIONBANKWIDGET_H#include<QWidget>#include<QVBoxLayout>#include<QHBoxLayout>#include<QToolButton>#include<QPushButton>#include<QLabel>#include<......
  • QT 入门之 搭建环境 2023年 踩坑记
    QT5.13.1-安装MSVC2017-Windows_msvc2017单独安装-CSDN博客不懂的可以参考以上文章 安装vs2017/2015toolkit是为了编译器(有些公司项目用vs2015写的)安装win10sdk是为了调试器 记得安装完win10sdk后切换到QT选项中的编译器autodetected 后重启一下q......
  • C++ Qt开发:Tab与Tree组件实现分页菜单
    Qt是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍tabWidget选择夹组件与TreeWidget树形选择组件,的常用方法及灵活运用。1.1TabWidgetQTabWidget......