RibbonUI/lib_source/qml/RibbonView.qml

78 lines
1.9 KiB
QML

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Qt5Compat.GraphicalEffects
import RibbonUI
Item {
id: root
default property alias content: container.data
property bool modern_style: RibbonTheme.modern_style
property bool dark_mode: RibbonTheme.dark_mode
property int spacing: 5
property int top_padding: 0
property int bottom_padding: 0
property alias bg_color: bg.color
property alias bg_visible: bg.visible
z:-2
clip: true
width: parent.width
Rectangle{
id:bg
anchors.fill: parent
color: dark_mode ? "#282828" : "#ECECEC"
visible: !modern_style
}
RibbonBlur{
id: top_mask
anchors{
left: parent.left
right: parent.right
top: parent.top
}
height: Math.abs(top_padding)
target: container
mask_opacity: 0
visible: top_padding
clip: true
target_rect: Qt.rect(x,y-top_padding,width,height)
use_solid_bg: false
}
Item{
id: clipper
anchors.horizontalCenter: parent.horizontalCenter
anchors.top:top_mask.bottom
implicitHeight: parent.height - Math.abs(top_padding) - Math.abs(bottom_padding)
implicitWidth: parent.width
clip: true
ColumnLayout{
id:container
anchors{
top: parent.top
horizontalCenter: parent.horizontalCenter
bottom: parent.bottom
}
width: parent.width
}
}
RibbonBlur{
id: bottom_mask
anchors{
left: parent.left
right: parent.right
bottom: parent.bottom
}
height: Math.abs(bottom_padding)
target: container
mask_opacity: 0
visible: bottom_padding
clip: true
target_rect: Qt.rect(x,y-top_padding,width,height)
use_solid_bg: false
}
}