Compare commits

..

No commits in common. "1a48510a1b6a742ee6ff8fb88414197f675c71d6" and "c53aa3b9278bba5ec7d8092818e45002415c9f73" have entirely different histories.

8 changed files with 40 additions and 70 deletions

View File

@ -16,9 +16,8 @@ RibbonWindow {
id: msg_bar
implicitWidth: windowItems.width
x: windowItems.x
y: titleBar.height + tab_bar.y + tab_bar.height - tab_bar.modernMargin + msg_bar.topMargin
y: titleBar.height + tab_bar.y + tab_bar.height - tab_bar.modernMargin + (RibbonTheme.modernStyle ? 5 : 0)
target: windowItems
targetRect: Qt.rect(tab_bar.x,y,width,height)
Component.onCompleted: {
messageModel.append([{
type: RibbonMessageBar.Info,
@ -60,6 +59,7 @@ RibbonWindow {
externalURL: "https://github.com/mentalfl0w/RibbonUI",
externalURLLabel: "Visit our website."
}])
messageBar.showMessage(RibbonMessageBar.Info, "test")
}
}
@ -157,6 +157,7 @@ RibbonWindow {
pageWidth: (page_slider.value / 100.0) * width
spacing: 0
isMainView: true
topBorderFix: msg_bar.folded ? msg_bar.barHeight : 0
ColumnLayout{
Layout.alignment: Qt.AlignCenter
Layout.topMargin: 30

View File

@ -16,9 +16,8 @@ RibbonWindow {
id: msg_bar
implicitWidth: windowItems.width
x: windowItems.x
y: titleBar.height + tab_bar.y + tab_bar.height - tab_bar.modernMargin + msg_bar.topMargin
y: titleBar.height + tab_bar.y + tab_bar.height - tab_bar.modernMargin + (RibbonTheme.modernStyle ? 5 : 0)
target: windowItems
targetRect: Qt.rect(tab_bar.x,y,width,height)
Component.onCompleted: {
messageModel.append([{
type: RibbonMessageBar.Info,
@ -60,6 +59,7 @@ RibbonWindow {
externalURL: "https://github.com/mentalfl0w/RibbonUI",
externalURLLabel: "Visit our website."
}])
messageBar.showMessage(RibbonMessageBar.Info, "test")
}
}
@ -157,6 +157,7 @@ RibbonWindow {
pageWidth: (page_slider.value / 100.0) * width
spacing: 0
isMainView: true
topBorderFix: msg_bar.folded ? msg_bar.barHeight : 0
ColumnLayout{
Layout.alignment: Qt.AlignCenter
Layout.topMargin: 30

View File

@ -19,7 +19,7 @@ RibbonRectangle {
id: effect
anchors.fill: parent
sourceRect: control.targetRect
visible: false
visible: !enableEffect
}
GaussianBlur{

View File

@ -7,9 +7,9 @@ RibbonBlur {
id: control
parent: Overlay.overlay
implicitWidth: parent.width
useSolidBg: true
implicitHeight: 30
maskColor: folded && !handler.visible ? "transparent" : RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,1) : Qt.rgba(1,1,1,1)
maskOpacity: 0
maskColor: folded ? "transparent" : RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,1) : Qt.rgba(1,1,1,1)
bottomLeftRadius: folded ? 0 : 5
bottomRightRadius: bottomLeftRadius
enableEffect: handler.visible || !folded
@ -17,11 +17,10 @@ RibbonBlur {
property int animationTime: 400
property real barHeight: implicitHeight - handler.height
property alias messageModel: messageModel
property real topMargin: RibbonTheme.modernStyle ? 5 : 0
Behavior on implicitHeight {
NumberAnimation {
duration: control.animationTime
duration: control.animationTime / 2
easing.type: Easing.OutSine
}
}
@ -31,13 +30,13 @@ RibbonBlur {
onCountChanged: {
message_list.currentIndex = count ? count - 1 : 0
if(count === 0)
clearMessages()
folded_btn.checked = true
}
}
Timer{
id: auto_scroll_btn_timer
interval: control.animationTime * 2
interval: control.animationTime
repeat: false
onTriggered: {
message_list.positionViewAtIndex(message_list.currentIndex, ListView.Center)
@ -120,7 +119,7 @@ RibbonBlur {
NumberAnimation {
properties: "y"
from: message_list.height
duration: control.animationTime
duration: control.animationTime / 2
}
}
remove: Transition {
@ -128,7 +127,7 @@ RibbonBlur {
property: "opacity"
from: 1
to: 0
duration: control.animationTime
duration: control.animationTime / 2
}
}
ScrollBar.vertical: RibbonScrollBar {
@ -141,7 +140,7 @@ RibbonBlur {
}
Behavior on height {
NumberAnimation {
duration: control.animationTime
duration: control.animationTime / 2
easing.type: Easing.OutSine
}
}
@ -155,13 +154,17 @@ RibbonBlur {
id: handler
x: message_list.x + (message_list.width - width) / 2
y: message_list.y + message_list.height * (folded ? 1 : 0)
implicitHeight: folded ? 10 : 20
implicitHeight: 20
implicitWidth: parent.width
topLeftRadius: folded ? 0 : 10
topRightRadius: topLeftRadius
bottomLeftRadius: folded ? 10 : 0
bottomRightRadius: bottomLeftRadius
visible: hover.hovered && messageModel.count
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.5) : Qt.rgba(1,1,1,0.5)
Behavior on color {
ColorAnimation {
duration: control.animationTime
duration: control.animationTime / 2
easing.type: Easing.OutSine
}
}
@ -173,7 +176,6 @@ RibbonBlur {
showBg: false
showHoveredBg: false
iconSource: RibbonIcons.DismissCircle
ribbonIcon.iconSize: handler.implicitHeight - 2
tipText: qsTr("Clear All")
onClicked: clearMessages()
visible: !folded
@ -184,7 +186,6 @@ RibbonBlur {
checkable: true
showBg: false
showHoveredBg: false
ribbonIcon.iconSize: handler.implicitHeight - 2
iconSource: RibbonIcons.TriangleDown
rotation: checked ? 0 : 180
checked: true
@ -240,7 +241,6 @@ RibbonBlur {
}
function clearMessages(){
folded_btn.checked = true
messageModel.clear()
implicitHeight = 0
barHeight = 0

View File

@ -34,16 +34,7 @@ Item {
right: parent.right
top: parent.top
}
height: {
var w = topBorderFix
if(isMainView && Window.window){
if(Window.window.tabBar)
w += Math.abs(Window.window.tabBar.height - Window.window.tabBar.modernMargin)
if(Window.window.messageBar)
w += (Window.window.messageBar.folded ? Window.window.messageBar.barHeight + Window.window.messageBar.topMargin : 0)
}
return w
}
height: (isMainView ? Window.window ? Window.window.tabBar ? Math.abs(Window.window.tabBar.height - Window.window.tabBar.modernMargin) : 0 : 0 : 0) + topBorderFix
}
Item{
@ -71,14 +62,7 @@ Item {
right: parent.right
bottom: parent.bottom
}
height: {
var w = bottomBorderFix
if(isMainView && Window.window){
if(Window.window.bottomBar)
w += Math.abs(Window.window.bottomBar.height)
}
return w
}
height: (isMainView ? Window.window ? Window.window.tabBar ? Math.abs(Window.window.bottomBar.height) : 0 : 0 : 0) + bottomBorderFix
}
Component.onCompleted: {

View File

@ -19,7 +19,7 @@ RibbonRectangle {
id: effect
anchors.fill: parent
sourceRect: control.targetRect
visible: false
visible: !enableEffect
}
GaussianBlur{

View File

@ -7,9 +7,9 @@ RibbonBlur {
id: control
parent: Overlay.overlay
implicitWidth: parent.width
useSolidBg: true
implicitHeight: 30
maskColor: folded && !handler.visible ? "transparent" : RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,1) : Qt.rgba(1,1,1,1)
maskOpacity: 0
maskColor: folded ? "transparent" : RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,1) : Qt.rgba(1,1,1,1)
bottomLeftRadius: folded ? 0 : 5
bottomRightRadius: bottomLeftRadius
enableEffect: handler.visible || !folded
@ -17,11 +17,10 @@ RibbonBlur {
property int animationTime: 400
property real barHeight: implicitHeight - handler.height
property alias messageModel: messageModel
property real topMargin: RibbonTheme.modernStyle ? 5 : 0
Behavior on implicitHeight {
NumberAnimation {
duration: control.animationTime
duration: control.animationTime / 2
easing.type: Easing.OutSine
}
}
@ -31,13 +30,13 @@ RibbonBlur {
onCountChanged: {
message_list.currentIndex = count ? count - 1 : 0
if(count === 0)
clearMessages()
folded_btn.checked = true
}
}
Timer{
id: auto_scroll_btn_timer
interval: control.animationTime * 2
interval: control.animationTime
repeat: false
onTriggered: {
message_list.positionViewAtIndex(message_list.currentIndex, ListView.Center)
@ -120,7 +119,7 @@ RibbonBlur {
NumberAnimation {
properties: "y"
from: message_list.height
duration: control.animationTime
duration: control.animationTime / 2
}
}
remove: Transition {
@ -128,7 +127,7 @@ RibbonBlur {
property: "opacity"
from: 1
to: 0
duration: control.animationTime
duration: control.animationTime / 2
}
}
ScrollBar.vertical: RibbonScrollBar {
@ -141,7 +140,7 @@ RibbonBlur {
}
Behavior on height {
NumberAnimation {
duration: control.animationTime
duration: control.animationTime / 2
easing.type: Easing.OutSine
}
}
@ -155,13 +154,17 @@ RibbonBlur {
id: handler
x: message_list.x + (message_list.width - width) / 2
y: message_list.y + message_list.height * (folded ? 1 : 0)
implicitHeight: folded ? 10 : 20
implicitHeight: 20
implicitWidth: parent.width
topLeftRadius: folded ? 0 : 10
topRightRadius: topLeftRadius
bottomLeftRadius: folded ? 10 : 0
bottomRightRadius: bottomLeftRadius
visible: hover.hovered && messageModel.count
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.5) : Qt.rgba(1,1,1,0.5)
Behavior on color {
ColorAnimation {
duration: control.animationTime
duration: control.animationTime / 2
easing.type: Easing.OutSine
}
}
@ -173,7 +176,6 @@ RibbonBlur {
showBg: false
showHoveredBg: false
iconSource: RibbonIcons.DismissCircle
ribbonIcon.iconSize: handler.implicitHeight - 2
tipText: qsTr("Clear All")
onClicked: clearMessages()
visible: !folded
@ -184,7 +186,6 @@ RibbonBlur {
checkable: true
showBg: false
showHoveredBg: false
ribbonIcon.iconSize: handler.implicitHeight - 2
iconSource: RibbonIcons.TriangleDown
rotation: checked ? 0 : 180
checked: true
@ -240,7 +241,6 @@ RibbonBlur {
}
function clearMessages(){
folded_btn.checked = true
messageModel.clear()
implicitHeight = 0
barHeight = 0

View File

@ -34,16 +34,7 @@ Item {
right: parent.right
top: parent.top
}
height: {
var w = topBorderFix
if(isMainView && Window.window){
if(Window.window.tabBar)
w += Math.abs(Window.window.tabBar.height - Window.window.tabBar.modernMargin)
if(Window.window.messageBar)
w += (Window.window.messageBar.folded ? Window.window.messageBar.barHeight + Window.window.messageBar.topMargin : 0)
}
return w
}
height: (isMainView ? Window.window ? Window.window.tabBar ? Math.abs(Window.window.tabBar.height - Window.window.tabBar.modernMargin) : 0 : 0 : 0) + topBorderFix
}
Item{
@ -71,14 +62,7 @@ Item {
right: parent.right
bottom: parent.bottom
}
height: {
var w = bottomBorderFix
if(isMainView && Window.window){
if(Window.window.bottomBar)
w += Math.abs(Window.window.bottomBar.height)
}
return w
}
height: (isMainView ? Window.window ? Window.window.tabBar ? Math.abs(Window.window.bottomBar.height) : 0 : 0 : 0) + bottomBorderFix
}
Component.onCompleted: {