Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
mahuifa
QMDemo
提交
b01ce824
Q
QMDemo
项目概览
mahuifa
/
QMDemo
通知
1
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Q
QMDemo
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
b01ce824
编写于
7月 01, 2022
作者:
mahuifa
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新功能:完成QssDemo样式
1、QToolButton样式增加范围限定#tab_2; 2、完成QDial、QCalendarWidget日历样式。
上级
8d7176f0
变更
2
展开全部
隐藏空白更改
内联
并排
Showing
2 changed file
with
505 addition
and
416 deletion
+505
-416
QStyleDemo/QssDemo/mainwindow.ui
QStyleDemo/QssDemo/mainwindow.ui
+453
-415
QStyleDemo/QssDemo/style.css
QStyleDemo/QssDemo/style.css
+52
-1
未找到文件。
QStyleDemo/QssDemo/mainwindow.ui
浏览文件 @
b01ce824
此差异已折叠。
点击以展开。
QStyleDemo/QssDemo/style.css
浏览文件 @
b01ce824
...
...
@@ -124,7 +124,7 @@ QPushButton::menu-indicator:open {
}
/********************QToolButton样式**********************/
QToolButton
{
#tab_2
QToolButton
{
/* 这里使用#tab_2限定样式的作用范围,防止影响其它tab中的控件样式*/
border
:
2px
solid
#8f8f91
;
/* 设置边框 */
border-radius
:
6px
;
/* 圆角 */
background-color
:
qlineargradient
(
x1
:
0
,
y1
:
0
,
x2
:
0
,
y2
:
1
,
...
...
@@ -980,3 +980,54 @@ QToolTip {
border-radius
:
3px
;
/* 圆角*/
opacity
:
150
;
/* 不透明度,范围[0-255],只支持QToolTip*/
}
/********************QDial样式,很多样式都无效**********************/
QDial
{
background-color
:
rgb
(
85
,
255
,
255
);
/* 不支持渐变*/
}
QDial
:!
enabled
{
background-color
:
rgb
(
0
,
0
,
0
);
/* 不可用*/
}
/********************qcalendarwidget样式**********************/
/* 日历控件头部导航栏样式*/
#qt_calendar_navigationbar
{
background-color
:
qlineargradient
(
spread
:
pad
,
x1
:
0.489
,
y1
:
0.0456818
,
x2
:
0.477
,
y2
:
1
,
stop
:
0.0113636
rgba
(
0
,
0
,
0
,
255
),
stop
:
0.954545
rgba
(
168
,
168
,
170
,
255
));
height
:
50px
;
}
QCalendarWidget
QToolButton
{
border
:
2px
solid
#00ffff
;
/* 画出日历中所有QToolButton的边框*/
}
/* 日历中左箭头按键样式*/
QCalendarWidget
#qt_calendar_prevmonth
{
background
:
#d6d6a0
;
}
/* 日历中右箭头按键样式*/
QCalendarWidget
#qt_calendar_nextmonth
{
background
:
#aa55ff
;
}
/* 月份按键样式*/
QCalendarWidget
#qt_calendar_monthbutton
{
background
:
#aaff00
;
}
/* 年按键样式*/
QCalendarWidget
#qt_calendar_yearbutton
{
background
:
#55aa7f
;
}
/* 显示日期部分是一个表格控件(QTableView)*/
#qt_calendar_calendarview
{
background
:
black
;
color
:
white
;
selection-color
:
red
;
/* 选择日期单元格字体颜色*/
alternate-background-color
:
rgb
(
128
,
128
,
128
);
/* 表头样式(表头部分不是QHeaderView,所以使用QHeaderView来设置样式是无效的*/
selection-background-color
:
qradialgradient
(
spread
:
pad
,
cx
:
0.5
,
cy
:
0.5
,
radius
:
0.5
,
fx
:
0.50565
,
fy
:
0.500409
,
/* 选中日期单元格背景颜色*/
stop
:
0
rgba
(
0
,
0
,
0
,
255
),
stop
:
0.361582
rgba
(
0
,
146
,
146
,
255
),
stop
:
0.649718
rgba
(
255
,
255
,
255
,
255
),
stop
:
1
rgba
(
0
,
177
,
181
,
255
));
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录