QSS
文章平均质量分 56
急行的小船
这个作者很懒,什么都没留下…
展开
-
QT之qss教程-QComboBox
QComboBox { /* 边框宽度,线条样式,颜色 */ border:3px solid red; /* 倒角 */ border-radius:8px; /* 内边框 */ padding:1px 18px 1px 3px; min-width:100px;}QComboBox:editable { backgro原创 2017-11-07 10:56:31 · 6937 阅读 · 1 评论 -
QT之qss教程-QTableView
QTableView { /* 选中条目背景色 */ selection-background-color:qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5, stop: 0 #FF92BB, stop: 1 white);}/* 左上角处的按钮 */QTableView QTa原创 2017-11-10 15:59:09 · 5178 阅读 · 1 评论 -
QT之qss教程-QStatusBar
/* 状态栏 */QStatusBar { background:green;}QStatusBar::item { border:2px solid red; border-radius:3px;}原创 2017-11-10 16:13:14 · 1447 阅读 · 0 评论 -
QT之qss教程-QSplitter
QSplitter::handle { image:url(:/images/444.bmp);}QSplitter::handle:horizontal { width:5px;}QSplitter::handle:vertical { width:15px;}QSplitter::handle:pressed { background-color:red;原创 2017-11-10 16:13:48 · 4292 阅读 · 0 评论 -
QT之qss教程-qss文件使用方法
1、先创建一个style.qss文件,如:QPushButton { /* 前景色 */ color:red; /* 背景色 */ background-color:rgb(30,75,10);}原创 2017-11-02 14:51:58 · 13545 阅读 · 4 评论 -
QT之qss教程-QToolBar
/* 工具栏 */QToolBar { background:red; /* 条目之间的间隔 */ spacing:3px;}/* 拖动按钮 */QToolBar::handle { background:green;}原创 2017-11-13 10:11:42 · 4950 阅读 · 0 评论 -
QT之qss教程-QToolBox
QToolBox { background:yellow; border:2px solid black;}QToolBox::tab { background:blue; border-radius:5px; color:green;}/* 被选中的标签 */QToolBox::tab:selected { /* 字体加粗,斜体 */ font: bold itali原创 2017-11-13 10:21:01 · 5127 阅读 · 1 评论 -
QT之qss教程-QToolButton
QToolButton { border:2px solid #124d92; border-radius:5px; background-color:yellow; min-width:60px; min-height:40px;}QToolButton[pupupMode="1"] { padding-right:20px;}/* 鼠标按下时 */QToolButto原创 2017-11-13 13:52:37 · 6786 阅读 · 0 评论 -
QT之qss教程-QTreeView
QTreeView { background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #dadbde, stop: 1 #f6f7fa); alternate-background-color:yellow; show-decoration-原创 2017-11-13 14:13:15 · 1727 阅读 · 0 评论 -
QT之qss教程-QTabWidget
1、普通模式,如图/* 向在移动 */QTabWidget::tab-bar { left:20px;}QTabBar::tab { background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,原创 2017-11-10 15:31:23 · 12717 阅读 · 1 评论 -
QT之qss教程-QSpinBox
QSpinBox { /* 为箭头保留空间 */ padding-right:20px; border:3px solid green; background:#FD5687; min-width:40px;}/* 向上按钮 */QSpinBox::up-button { subcontrol-origin:border; subcontrol-position:top ri原创 2017-11-10 13:44:09 · 4257 阅读 · 0 评论 -
QT之qss教程-QSlider
1、水平方向,如图/* 滑动槽设置 */QSlider::groove:horizontal { border:2px solid #999999; height:20px; background:qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4); margin:2px 0;}原创 2017-11-10 11:13:27 · 1677 阅读 · 0 评论 -
QT之qss教程-QDockWidget
QDockWidget { border: 1px solid red; titlebar-close-icon: url(:/images/111.bmp); titlebar-normal-icon: url(:/images/close.png);}/* 标题设置 */QDockWidget::title { text-align: right;原创 2017-11-07 11:28:26 · 6515 阅读 · 0 评论 -
QT之qss教程-QGroupBox
QGroupBox { /* 背景渐变色*/ background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #E0E0E0, stop: 1 #FFFFFF); /* 边框 */ border: 2px soli原创 2017-11-08 15:53:45 · 6869 阅读 · 0 评论 -
QT之qss教程-QLineEdit
QLineEdit { /* 外边框 */ border:2px solid red; /* 倒角 */ border-radius: 10px; /* 内边框:上下和左右的距离*/ padding: 10 8px; /* 背景色 */ background: yellow; /* 选中高亮背色 */ selection-background-color:bl原创 2017-11-09 11:32:10 · 4585 阅读 · 0 评论 -
QT之qss教程-QListView
QListView { /* 背景色 */ background-color:red; /* 行与行之间交替颜色不同 */ /* setAlternatingRowColors(true); */ alternate-background-color:yellow; /* 设置是否选中时,整行都高亮显示 */ show-decoration-selected:1;}/*原创 2017-11-09 13:53:28 · 4836 阅读 · 0 评论 -
QT之qss教程-QMenuBar
QMainWindow::separator { background:yellow; width:10px; height:10px;}QMainWindow::separator:hover { background:red;}QMenu { /* 背景色 */ background-color:white; /* 边框 */ border:2px solid原创 2017-11-09 15:03:27 · 7269 阅读 · 0 评论 -
QT之qss教程-QProgressBar
QProgressBar { /* 外边框 */ border:2px solid red; /* 倒角 */ border-radius:5px; /* 字体对齐方式 */ text-align:center;}/* 进度条 */QProgressBar::chunk { /* 颜色 */ background-color:#05B8CC; /* 步进距离原创 2017-11-09 15:29:53 · 2277 阅读 · 1 评论 -
QT之qss教程- QPushButton
QPushButton { /* 前景色 */ color:red; /* 背景色 */ background-color:rgb(30,75,10); /* 边框风格 */ border-style:outset; /* 边框宽度 */ border-width:2px; /* 边框颜色 */ border-原创 2017-11-02 16:10:27 · 6391 阅读 · 0 评论 -
QT之qss教程- QRadioButton
QRadioButton { /* 背景色 */ background-color:blue; /* 外边框 */ border: 3px solid red; /* 倒角 */ border-radius: 10px; /* 去掉焦点虚线框 */ outline: 0px; /* 尺寸 */ min-width: 30px; min-height: 30px原创 2017-11-10 09:28:42 · 3405 阅读 · 0 评论 -
QT之qss教程- QScrollBar
1、正常模式,如图QScrollBar:horizontal { border:2px solid red; background:#32CC99; height:15px; margin:0px 20px 0px 20px;}/* 滑动块设置 */QScrollBar::handle:horizontal { /* 颜色 */ background:white;原创 2017-11-10 10:46:50 · 11041 阅读 · 1 评论 -
QT之qss教程-Qt渐变色QGradient
★BlackWhitebackground:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255)); ★Czechbackground:qconicalgradient(cx:0.5, cy:0.5, angle转载 2017-11-06 15:29:09 · 19600 阅读 · 1 评论