kastet/latte-dock
1
0
Fork 0
mirror of https://github.com/KDE/latte-dock.git synced 2025-02-05 17:47:23 +03:00
Code Issues Projects Releases Wiki Activity

initial support background custom radius/shadow

Browse Source 
--playing around with Kirigami.ShadowedRectangle in order
to provide a nice beautiful custom made panel background
that the user can chosen custom radius or shadow size.
Colors are going to be used totally based on current plasma
theme.
This commit is contained in:
Michail Vourlakos 2020-08-21 17:06:22 +03:00
parent 15c1f46ae5
commit 89e94fce3b
5 changed files with 116 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
containment/package/contents/config/main.xml
View File

@ -107,6 +107,14 @@
<entry name="backgroundAllCorners" type="Bool">
<default>false</default>
</entry>
<entry name="backgroundRadius" type="Int">
<default>-1</default>
<label>override plasma theme background svg provided radius; -1 stands for default plasma theme behavior, and value represents percentage</label>
</entry>
<entry name="backgroundShadowSize" type="Int">
<default>-1</default>
<label>override plasma theme background shadow; -1 stands for default plasma theme behavior and value represents pixels</label>
</entry>
<entry name="blurEnabled" type="Bool">
<default>true</default>
</entry>

21
containment/package/contents/ui/background/MultiLayered.qml
View File

@ -159,6 +159,13 @@ BackgroundProperties{
property int animationTime: 6*animations.speedFactor.current*animations.duration.small
readonly property bool kirigamiLibraryIsFound: LatteCore.Environment.frameworksVersion >= LatteCore.Environment.makeVersion(5,69,0)
readonly property bool customShadowIsEnabled: kirigamiLibraryIsFound && plasmoid.configuration.backgroundShadowSize >= 0
readonly property bool customRadiusIsEnabled: kirigamiLibraryIsFound && plasmoid.configuration.backgroundRadius >= 0
readonly property int customRadius: plasmoid.formFactor === PlasmaCore.Types.Horizontal ?
plasmoid.configuration.backgroundRadius * (solidBackground.height/2) :
plasmoid.configuration.backgroundRadius * (solidBackground.width/2)
property QtObject themeExtendedBackground: null
Behavior on opacity{
@ -222,7 +229,9 @@ BackgroundProperties{
readonly property bool hideShadow: root.behaveAsPlasmaPanel
|| !LatteCore.WindowSystem.compositingActive
|| !root.panelShadowsActive
|| !themeHasShadow
|| (!themeHasShadow && !customShadowIsEnabled)
|| customShadowIsEnabled
|| customRadiusIsEnabled
Behavior on opacity {
enabled: LatteCore.WindowSystem.compositingActive
@ -455,7 +464,7 @@ BackgroundProperties{
return plasmoid.configuration.panelTransparency / 100;
}
if (coloredView) {
if (coloredView || customRadiusIsEnabled || customShadowIsEnabled) {
return midOpacity;
}
@ -465,7 +474,13 @@ BackgroundProperties{
backgroundColor: colorizerManager.backgroundColor
borderWidth: 1
borderColor: backgroundColor
roundness: themeExtendedBackground ? themeExtendedBackground.roundness : 0
roundness: {
if (customRadiusIsEnabled) {
return customRadius;
}
return themeExtendedBackground ? themeExtendedBackground.roundness : 0
}
property real midOpacity: {
if (forceSolidness) {

4
containment/package/contents/ui/main.qml
View File

@ -113,6 +113,10 @@ Item {
return LatteCore.Types.DockView;
}
if (background.customRadiusIsEnabled || background.customShadowIsEnabled) {
return LatteCore.Types.DockView;
}
var staticLayout = (plasmoid.configuration.minLength === plasmoid.configuration.maxLength);
if ((plasmoid.configuration.alignment === LatteCore.Types.Justify || staticLayout)

2
shell/package/contents/configuration/LatteDockConfiguration.qml
View File

@ -48,6 +48,8 @@ FocusScope {
readonly property bool inConfigureAppletsMode: plasmoid.configuration.inConfigureAppletsMode || !LatteCore.WindowSystem.compositingActive
readonly property bool kirigamiLibraryIsFound: LatteCore.Environment.frameworksVersion >= LatteCore.Environment.makeVersion(5,69,0)
//! max size based on screen resolution
//! TODO: if we can access availableScreenGeometry.height this can be improved, currently
//! we use 100px. or 50px. in order to give space for othe views to be shown and to have also

84
shell/package/contents/configuration/pages/AppearanceConfig.qml
View File

@ -1026,6 +1026,90 @@ PlasmaComponents.Page {
}
}
RowLayout {
Layout.minimumWidth: dialog.optionsWidth
Layout.maximumWidth: Layout.minimumWidth
visible: dialog.kirigamiLibraryIsFound
PlasmaComponents.Label {
text: i18n("Radius")
horizontalAlignment: Text.AlignLeft
enabled: radiusSlider.enabled
}
LatteComponents.Slider {
id: radiusSlider
Layout.fillWidth: true
enabled: showBackground.checked
value: plasmoid.configuration.backgroundRadius
from: -1
to: 100
stepSize: 1
wheelEnabled: false
function updateBackgroundRadius() {
if (!pressed) {
plasmoid.configuration.backgroundRadius = value
}
}
onPressedChanged: updateBackgroundRadius();
Component.onCompleted: valueChanged.connect(updateBackgroundRadius);
Component.onDestruction: valueChanged.disconnect(updateBackgroundRadius);
}
PlasmaComponents.Label {
enabled: radiusSlider.enabled
text: radiusSlider.value >= 0 ? i18nc("number in percentage, e.g. 85 %","%0 %").arg(radiusSlider.value) : "---"
horizontalAlignment: Text.AlignRight
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
Layout.maximumWidth: theme.mSize(theme.defaultFont).width * 4
}
}
RowLayout {
Layout.minimumWidth: dialog.optionsWidth
Layout.maximumWidth: Layout.minimumWidth
visible: dialog.kirigamiLibraryIsFound
PlasmaComponents.Label {
text: i18n("Shadow")
horizontalAlignment: Text.AlignLeft
enabled: shadowSlider.enabled
}
LatteComponents.Slider {
id: shadowSlider
Layout.fillWidth: true
enabled: showBackground.checked && panelShadows.checked
value: plasmoid.configuration.backgroundShadowSize
from: -1
to: 50
stepSize: 1
wheelEnabled: false
function updateBackgroundShadowSize() {
if (!pressed) {
plasmoid.configuration.backgroundShadowSize = value
}
}
onPressedChanged: updateBackgroundShadowSize();
Component.onCompleted: valueChanged.connect(updateBackgroundShadowSize);
Component.onDestruction: valueChanged.disconnect(updateBackgroundShadowSize);
}
PlasmaComponents.Label {
enabled: shadowSlider.enabled
text: shadowSlider.value >= 0 ? i18nc("number in pixels, e.g. 12 px.", "%0 px.").arg(shadowSlider.value) : "---"
horizontalAlignment: Text.AlignRight
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
Layout.maximumWidth: theme.mSize(theme.defaultFont).width * 4
}
}
LatteComponents.SubHeader {
visible: dialog.advancedLevel
isFirstSubCategory: true