Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
mahuifa
QMDemo
提交
e9b9e2d4
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,发现更多精彩内容 >>
提交
e9b9e2d4
编写于
6月 12, 2022
作者:
mahuifa
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新功能:实现QssDemo功能
1、完成QSpinBox样式。
上级
3022d4df
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
193 addition
and
3 deletion
+193
-3
QStyleDemo/QssDemo/mainwindow.ui
QStyleDemo/QssDemo/mainwindow.ui
+117
-3
QStyleDemo/QssDemo/style.css
QStyleDemo/QssDemo/style.css
+74
-0
QStyleDemo/QssDemo/style.qrc
QStyleDemo/QssDemo/style.qrc
+2
-0
未找到文件。
QStyleDemo/QssDemo/mainwindow.ui
浏览文件 @
e9b9e2d4
...
...
@@ -21,7 +21,7 @@
<string
notr=
"true"
/>
</property>
<property
name=
"currentIndex"
>
<number>
3
</number>
<number>
4
</number>
</property>
<widget
class=
"QWidget"
name=
"tab"
>
<attribute
name=
"title"
>
...
...
@@ -574,7 +574,7 @@
</widget>
<widget
class=
"QWidget"
name=
"tab_3"
>
<attribute
name=
"title"
>
<string>
页
</string>
<string>
常用组件
</string>
</attribute>
<widget
class=
"QGroupBox"
name=
"groupBox_5"
>
<property
name=
"geometry"
>
...
...
@@ -835,7 +835,7 @@
</widget>
<widget
class=
"QWidget"
name=
"tab_4"
>
<attribute
name=
"title"
>
<string>
页
</string>
<string>
常用组件
</string>
</attribute>
<widget
class=
"QGroupBox"
name=
"groupBox_9"
>
<property
name=
"geometry"
>
...
...
@@ -988,6 +988,120 @@
</layout>
</widget>
</widget>
<widget
class=
"QWidget"
name=
"tab_5"
>
<attribute
name=
"title"
>
<string>
常用组件
</string>
</attribute>
<widget
class=
"QGroupBox"
name=
"groupBox_12"
>
<property
name=
"geometry"
>
<rect>
<x>
10
</x>
<y>
20
</y>
<width>
601
</width>
<height>
81
</height>
</rect>
</property>
<property
name=
"title"
>
<string>
QSpinBox
</string>
</property>
<layout
class=
"QGridLayout"
name=
"gridLayout_10"
>
<item
row=
"0"
column=
"0"
>
<widget
class=
"QSpinBox"
name=
"spinBox"
>
<property
name=
"toolTip"
>
<string>
设置使用上下箭头
</string>
</property>
</widget>
</item>
<item
row=
"0"
column=
"1"
>
<widget
class=
"QSpinBox"
name=
"spinBox_2"
>
<property
name=
"toolTip"
>
<string>
设置使用加减图标,这里有一个bug,需要设置qss才会显示加减
</string>
</property>
<property
name=
"frame"
>
<bool>
true
</bool>
</property>
<property
name=
"buttonSymbols"
>
<enum>
QAbstractSpinBox::PlusMinus
</enum>
</property>
<property
name=
"correctionMode"
>
<enum>
QAbstractSpinBox::CorrectToPreviousValue
</enum>
</property>
<property
name=
"stepType"
>
<enum>
QAbstractSpinBox::AdaptiveDecimalStepType
</enum>
</property>
</widget>
</item>
<item
row=
"0"
column=
"2"
>
<widget
class=
"QSpinBox"
name=
"spinBox_3"
>
<property
name=
"toolTip"
>
<string>
没有调节按键
</string>
</property>
<property
name=
"buttonSymbols"
>
<enum>
QAbstractSpinBox::NoButtons
</enum>
</property>
<property
name=
"stepType"
>
<enum>
QAbstractSpinBox::DefaultStepType
</enum>
</property>
</widget>
</item>
<item
row=
"0"
column=
"3"
>
<widget
class=
"QSpinBox"
name=
"spinBox_4"
>
<property
name=
"toolTip"
>
<string>
使用后缀
</string>
</property>
<property
name=
"buttonSymbols"
>
<enum>
QAbstractSpinBox::UpDownArrows
</enum>
</property>
<property
name=
"suffix"
>
<string>
后缀
</string>
</property>
<property
name=
"stepType"
>
<enum>
QAbstractSpinBox::DefaultStepType
</enum>
</property>
</widget>
</item>
<item
row=
"0"
column=
"4"
>
<widget
class=
"QSpinBox"
name=
"spinBox_5"
>
<property
name=
"toolTip"
>
<string>
使用前缀
</string>
</property>
<property
name=
"buttonSymbols"
>
<enum>
QAbstractSpinBox::UpDownArrows
</enum>
</property>
<property
name=
"suffix"
>
<string/>
</property>
<property
name=
"prefix"
>
<string>
前缀
</string>
</property>
<property
name=
"stepType"
>
<enum>
QAbstractSpinBox::DefaultStepType
</enum>
</property>
</widget>
</item>
<item
row=
"0"
column=
"5"
>
<widget
class=
"QSpinBox"
name=
"spinBox_6"
>
<property
name=
"toolTip"
>
<string>
设置只读
</string>
</property>
<property
name=
"readOnly"
>
<bool>
true
</bool>
</property>
</widget>
</item>
<item
row=
"0"
column=
"6"
>
<widget
class=
"QSpinBox"
name=
"spinBox_7"
>
<property
name=
"enabled"
>
<bool>
false
</bool>
</property>
<property
name=
"toolTip"
>
<string>
设置禁用
</string>
</property>
</widget>
</item>
</layout>
</widget>
</widget>
</widget>
</item>
</layout>
...
...
QStyleDemo/QssDemo/style.css
浏览文件 @
e9b9e2d4
...
...
@@ -567,3 +567,77 @@ QSlider::sub-page:vertical { /* 设置滑块未滑过区域样式*/
background-color
:
rgb
(
0
,
0
,
0
);
border-radius
:
4px
;
}
/********************QSpinBox样式**********************/
QSpinBox
{
text-align
:
right
;
/* 标题文本右对齐*/
height
:
30px
;
/* 统一设置高度*/
/*padding-right: 15px; */
/* 设置元素的右内边距,为箭头腾出空间*/
border
:
2px
solid
red
;
/* 设置了边框后才会显示【加减图标】*/
background-color
:
qlineargradient
(
spread
:
pad
,
x1
:
0
,
y1
:
0.482591
,
x2
:
1
,
y2
:
0.477273
,
stop
:
0.0113636
rgba
(
85
,
170
,
255
,
255
),
stop
:
1
rgba
(
255
,
255
,
255
,
255
));
selection-color
:
#000000
;
/* 设置鼠标选择文本的颜色*/
selection-background-color
:
#55ff7f
;
/* 设置鼠标选择文本的背景色*/
}
/* 增加按键样式*/
QSpinBox
::up-button
{
subcontrol-origin
:
border
;
/* 设置按键在盒子模型中的参考位置margin border padding content*/
subcontrol-position
:
top
right
;
/* 设置按键停靠位置右上角*/
border
:
1px
solid
grey
;
/* 设置按键边框,用于区分*/
}
QSpinBox
::up-arrow
{
border-image
:
url(:/image/上.png)
;
/* 设置增加按键图标*/
}
/* 减少按键样式*/
QSpinBox
::down-button
{
subcontrol-origin
:
border
;
subcontrol-position
:
bottom
right
;
border
:
1px
solid
grey
;
}
QSpinBox
::down-arrow
{
border-image
:
url(:/image/下d.png)
;
/* 设置减少按键图标*/
}
/* 设置鼠标进入按键的样式*/
QSpinBox
::up-button:hover
,
QSpinBox
::down-button:hover
{
background-color
:
rgba
(
0
,
170
,
255
,
100
);
}
/* 设置鼠标点击按键的样式*/
QSpinBox
::up-button:pressed
,
QSpinBox
::down-button:pressed
{
background-color
:
rgba
(
0
,
170
,
255
,
200
);
}
QSpinBox
::up-arrow:disabled
,
/* 禁用状态*/
QSpinBox
::down-arrow:disabled
,
QSpinBox
::up-arrow:off
,
/* 值为最大值时处于关闭状态*/
QSpinBox
::down-arrow:off
{
background-color
:
rgb
(
210
,
210
,
210
);
}
/* 设置使用加减图标的样式*/
QSpinBox
[
buttonSymbols
=
"1"
]
::up-button
{
subcontrol-origin
:
border
;
subcontrol-position
:
right
;
border
:
1px
solid
grey
;
}
QSpinBox
[
buttonSymbols
=
"1"
]
::up-arrow
{
border-image
:
url(:/image/加.png)
;
}
QSpinBox
[
buttonSymbols
=
"1"
]
::down-button
{
subcontrol-origin
:
border
;
subcontrol-position
:
left
;
border
:
1px
solid
grey
;
}
QSpinBox
[
buttonSymbols
=
"1"
]
::down-arrow
{
border-image
:
url(:/image/减.png)
;
}
QStyleDemo/QssDemo/style.qrc
浏览文件 @
e9b9e2d4
...
...
@@ -14,5 +14,7 @@
<file>image/左.png</file>
<file>image/上.png</file>
<file>image/下d.png</file>
<file>image/加.png</file>
<file>image/减.png</file>
</qresource>
</RCC>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录