RibbonPopup,RibbonButton,RibbonTour,RibbonComboBox,RibbonPopupDialog: Use the suitable radius and follow the RibbonBlur's change.(#7)

This commit is contained in:
Mentalflow 2024-07-30 00:48:34 +08:00
parent 8ccc7d3920
commit 4ea04772d4
Signed by: Mentalflow
GPG Key ID: 5AE68D4401A2EE71
10 changed files with 26 additions and 28 deletions

View File

@ -32,7 +32,7 @@ Button {
visible: showBg
border.color: isDarkMode ? "#7F7F7F" : "#D2D1CE"
border.width: 1
radius: 3
radius: 5
color: bgColor
}
contentItem: Item{
@ -41,7 +41,7 @@ Button {
implicitHeight: adaptHeight?root.parent.height>=layout.height?root.parent.height:layout.height:layout.height + 10
Rectangle{
anchors.fill: parent
radius: 3
radius: background.radius
color: {
if (root.pressed)
return pressedColor

View File

@ -173,8 +173,8 @@ ComboBox {
background: RibbonBlur{
radius: 5
maskOpacity: 1
maskBorder.color: RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
maskBorder.width: 1
maskBorderColor: RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
maskBorderWidth: 1
}
enter: Transition {

View File

@ -58,7 +58,7 @@ Popup {
RectangularGlow {
id: effect
anchors.fill: blur
anchors.margins: blur.maskBorder.width
anchors.margins: blur.maskBorderWidth
glowRadius: 20
spread: 0
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.7) : Qt.rgba(0,0,0,0.45)
@ -68,12 +68,12 @@ Popup {
implicitHeight: parent.height
implicitWidth: parent.width
id: blur
radius: 20
radius: 7
maskOpacity: blurEnabled ? 0.9 : 1
maskBorder.color: RibbonTheme.modernStyle ?
maskBorderColor: RibbonTheme.modernStyle ?
RibbonTheme.isDarkMode ? "#7A7A7A" : "#2C59B7" :
RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
maskBorder.width: 1
maskBorderWidth: 1
}
}
contentItem: Item{

View File

@ -13,7 +13,6 @@ RibbonPopup {
property bool isDarkMode: RibbonTheme.isDarkMode
property int contentMargins: 20
showCloseBtn: false
radius: 5
signal neutralClicked
signal negativeClicked
signal positiveClicked
@ -25,7 +24,7 @@ RibbonPopup {
id:layout_content
anchors.fill: parent
color: 'transparent'
radius:5
radius:3
RibbonText{
id:text_title
font.pixelSize: 24

View File

@ -43,7 +43,7 @@ Popup {
RectangularGlow {
id: effect
anchors.fill: blur
anchors.margins: blur.maskBorder.width
anchors.margins: blur.maskBorderWidth
glowRadius: 10
spread: 0
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.7) : Qt.rgba(0,0,0,0.45)
@ -53,12 +53,12 @@ Popup {
implicitHeight: parent.height
implicitWidth: parent.width
id: blur
radius: 10
radius: 7
maskOpacity: blurEnabled ? 0.9 : 1
maskBorder.color: RibbonTheme.modernStyle ?
maskBorderColor: RibbonTheme.modernStyle ?
RibbonTheme.isDarkMode ? "#7A7A7A" : "#2C59B7" :
RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
maskBorder.width: 1
maskBorderWidth: 1
}
}
contentItem: Item{

View File

@ -32,7 +32,7 @@ Button {
visible: showBg
border.color: isDarkMode ? "#7F7F7F" : "#D2D1CE"
border.width: 1
radius: 3
radius: 5
color: bgColor
}
contentItem: Item{
@ -41,7 +41,7 @@ Button {
implicitHeight: adaptHeight?root.parent.height>=layout.height?root.parent.height:layout.height:layout.height + 10
Rectangle{
anchors.fill: parent
radius: 3
radius: background.radius
color: {
if (root.pressed)
return pressedColor

View File

@ -171,8 +171,8 @@ ComboBox {
background: RibbonBlur{
radius: 5
maskOpacity: 1
maskBorder.color: RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
maskBorder.width: 1
maskBorderColor: RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
maskBorderWidth: 1
}
enter: Transition {

View File

@ -58,7 +58,7 @@ Popup {
RectangularGlow {
id: effect
anchors.fill: blur
anchors.margins: blur.maskBorder.width
anchors.margins: blur.maskBorderWidth
glowRadius: 20
spread: 0
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.7) : Qt.rgba(0,0,0,0.45)
@ -68,12 +68,12 @@ Popup {
implicitHeight: parent.height
implicitWidth: parent.width
id: blur
radius: 20
radius: 7
maskOpacity: blurEnabled ? 0.9 : 1
maskBorder.color: RibbonTheme.modernStyle ?
maskBorderColor: RibbonTheme.modernStyle ?
RibbonTheme.isDarkMode ? "#7A7A7A" : "#2C59B7" :
RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
maskBorder.width: 1
maskBorderWidth: 1
}
}
contentItem: Item{

View File

@ -14,7 +14,6 @@ RibbonPopup {
property bool isDarkMode: RibbonTheme.isDarkMode
property int contentMargins: 20
showCloseBtn: false
radius: 5
signal neutralClicked
signal negativeClicked
signal positiveClicked
@ -26,7 +25,7 @@ RibbonPopup {
id:layout_content
anchors.fill: parent
color: 'transparent'
radius:5
radius:3
RibbonText{
id:text_title
font.pixelSize: 24

View File

@ -44,7 +44,7 @@ Popup {
RectangularGlow {
id: effect
anchors.fill: blur
anchors.margins: blur.maskBorder.width
anchors.margins: blur.maskBorderWidth
glowRadius: 10
spread: 0
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.7) : Qt.rgba(0,0,0,0.45)
@ -54,12 +54,12 @@ Popup {
implicitHeight: parent.height
implicitWidth: parent.width
id: blur
radius: 10
radius: 7
maskOpacity: blurEnabled ? 0.9 : 1
maskBorder.color: RibbonTheme.modernStyle ?
maskBorderColor: RibbonTheme.modernStyle ?
RibbonTheme.isDarkMode ? "#7A7A7A" : "#2C59B7" :
RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
maskBorder.width: 1
maskBorderWidth: 1
}
}
contentItem: Item{