amass/FluentUI
1
0
Fork 0
mirror of https://github.com/zhuzichu520/FluentUI.git synced 2024-11-25 04:05:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
朱子楚\zhuzi 2024-04-04 16:53:31 +08:00
parent b4329fdd0a
commit cf163f5e3b
6 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/Qt5/imports/FluentUI/Controls/FluControlBackground.qml
View File

@ -26,7 +26,8 @@ Item{
radius: control.radius radius: control.radius
gradient: Gradient { gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor } GradientStop { position: 0.0; color: d.startColor }
GradientStop { position: 0.88; color: d.startColor } GradientStop { position: 1 - 3/control.height; color: d.startColor }
GradientStop { position: 1 - 2/control.height; color: d.startColor }
GradientStop { position: 1.0; color: d.endColor} GradientStop { position: 1.0; color: d.endColor}
} }
} }
@ -40,6 +41,12 @@ Item{
leftMargin: control.leftMargin leftMargin: control.leftMargin
rightMargin: control.rightMargin rightMargin: control.rightMargin
} }
Behavior on anchors.bottomMargin {
NumberAnimation{
easing.type: Easing.OutCubic
duration: 167
}
}
radius: control.radius radius: control.radius
color: control.color color: control.color
} }

2
src/Qt5/imports/FluentUI/Controls/FluShadow.qml
View File

@ -5,7 +5,7 @@ import FluentUI 1.0
Item { Item {
//高性能阴影！！！比DropShadow阴影性能高出数倍！！！ //高性能阴影！！！比DropShadow阴影性能高出数倍！！！
property color color: FluTheme.dark ? "#AAAAAA" : "#999999" property color color: FluTheme.dark ? "#AAAAAA" : "#999999"
property int elevation: 6 property int elevation: 5
property int radius: 4 property int radius: 4
id:control id:control
anchors.fill: parent anchors.fill: parent

5
src/Qt5/imports/FluentUI/Controls/FluTextBoxBackground.qml
View File

@ -20,13 +20,14 @@ FluControlBackground{
border.width: 1 border.width: 1
gradient: Gradient { gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor } GradientStop { position: 0.0; color: d.startColor }
GradientStop { position: 1 - 3/control.height; color: d.startColor } GradientStop { position: 1 - d.offsetSize/control.height; color: d.startColor }
GradientStop { position: 1 - 2/control.height; color: d.startColor } GradientStop { position: 1 - 1/control.height; color: d.endColor }
GradientStop { position: 1.0; color: d.endColor } GradientStop { position: 1.0; color: d.endColor }
} }
bottomMargin: inputItem && inputItem.activeFocus ? 2 : 1 bottomMargin: inputItem && inputItem.activeFocus ? 2 : 1
QtObject{ QtObject{
id:d id:d
property int offsetSize : inputItem && inputItem.activeFocus ? 2 : 3
property color startColor: FluTheme.dark ? Qt.rgba(66/255,66/255,66/255,1) : Qt.rgba(232/255,232/255,232/255,1) property color startColor: FluTheme.dark ? Qt.rgba(66/255,66/255,66/255,1) : Qt.rgba(232/255,232/255,232/255,1)
property color endColor: { property color endColor: {
if(!control.enabled){ if(!control.enabled){

9
src/Qt6/imports/FluentUI/Controls/FluControlBackground.qml
View File

@ -26,7 +26,8 @@ Item{
radius: control.radius radius: control.radius
gradient: Gradient { gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor } GradientStop { position: 0.0; color: d.startColor }
GradientStop { position: 0.88; color: d.startColor } GradientStop { position: 1 - 3/control.height; color: d.startColor }
GradientStop { position: 1 - 2/control.height; color: d.startColor }
GradientStop { position: 1.0; color: d.endColor} GradientStop { position: 1.0; color: d.endColor}
} }
} }
@ -40,6 +41,12 @@ Item{
leftMargin: control.leftMargin leftMargin: control.leftMargin
rightMargin: control.rightMargin rightMargin: control.rightMargin
} }
Behavior on anchors.bottomMargin {
NumberAnimation{
easing.type: Easing.OutCubic
duration: 167
}
}
radius: control.radius radius: control.radius
color: control.color color: control.color
} }

2
src/Qt6/imports/FluentUI/Controls/FluShadow.qml
View File

@ -5,7 +5,7 @@ import FluentUI
Item { Item {
//高性能阴影！！！比DropShadow阴影性能高出数倍！！！ //高性能阴影！！！比DropShadow阴影性能高出数倍！！！
property color color: FluTheme.dark ? "#AAAAAA" : "#999999" property color color: FluTheme.dark ? "#AAAAAA" : "#999999"
property int elevation: 6 property int elevation: 5
property int radius: 4 property int radius: 4
id:control id:control
anchors.fill: parent anchors.fill: parent

5
src/Qt6/imports/FluentUI/Controls/FluTextBoxBackground.qml
View File

@ -20,13 +20,14 @@ FluControlBackground{
border.width: 1 border.width: 1
gradient: Gradient { gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor } GradientStop { position: 0.0; color: d.startColor }
GradientStop { position: 1 - 3/control.height; color: d.startColor } GradientStop { position: 1 - d.offsetSize/control.height; color: d.startColor }
GradientStop { position: 1 - 2/control.height; color: d.startColor } GradientStop { position: 1 - 1/control.height; color: d.endColor }
GradientStop { position: 1.0; color: d.endColor } GradientStop { position: 1.0; color: d.endColor }
} }
bottomMargin: inputItem && inputItem.activeFocus ? 2 : 1 bottomMargin: inputItem && inputItem.activeFocus ? 2 : 1
QtObject{ QtObject{
id:d id:d
property int offsetSize : inputItem && inputItem.activeFocus ? 2 : 3
property color startColor: FluTheme.dark ? Qt.rgba(66/255,66/255,66/255,1) : Qt.rgba(232/255,232/255,232/255,1) property color startColor: FluTheme.dark ? Qt.rgba(66/255,66/255,66/255,1) : Qt.rgba(232/255,232/255,232/255,1)
property color endColor: { property color endColor: {
if(!control.enabled){ if(!control.enabled){