forked from openkylin/ukui-menu
164 lines
6.5 KiB
QML
164 lines
6.5 KiB
QML
/*
|
|
* Copyright (C) 2023, KylinSoft Co., Ltd.
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
|
|
import QtQuick 2.12
|
|
import QtQml.Models 2.1
|
|
import QtQuick.Controls 2.5
|
|
import org.ukui.menu.core 1.0
|
|
import org.ukui.menu.extension 1.0
|
|
import AppControls2 1.0 as AppControls2
|
|
|
|
UkuiMenuExtension {
|
|
Component.onCompleted: {
|
|
visualModel.model = extensionData.favoriteAppsModel
|
|
}
|
|
|
|
MouseArea {
|
|
id: viewMouseArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
|
|
GridView {
|
|
id: favoriteView
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 16
|
|
anchors.topMargin: 14
|
|
cellWidth: itemHeight + spacing; cellHeight: cellWidth
|
|
property int exchangedStartIndex: 0
|
|
property int spacing: 4
|
|
property int itemHeight: 104
|
|
|
|
ScrollBar.vertical: AppControls2.ScrollBar {
|
|
id: scrollBar
|
|
visible: viewMouseArea.containsMouse
|
|
width: 14; height: favoriteView.height
|
|
}
|
|
|
|
displaced: Transition {
|
|
NumberAnimation { properties: "x,y"; easing.type: Easing.OutQuad; duration: 200 }
|
|
}
|
|
|
|
model: DelegateModel {
|
|
id: visualModel
|
|
delegate: DropArea {
|
|
id: delegateRoot
|
|
property int visualIndex: DelegateModel.itemsIndex
|
|
width: favoriteView.cellWidth; height: favoriteView.cellHeight
|
|
onEntered: visualModel.items.move(drag.source.visualIndex, icon.visualIndex)
|
|
|
|
Binding { target: icon; property: "visualIndex"; value: visualIndex }
|
|
|
|
AppControls2.StyleBackground {
|
|
id: icon
|
|
height: favoriteView.itemHeight; width: height
|
|
property bool hold: false
|
|
property int visualIndex: 0
|
|
x: 0; y: 0
|
|
|
|
radius: 8
|
|
useStyleTransparent: false
|
|
scale: icon.hold ? 1.1 :1.0
|
|
alpha: control.containsPress ? 0.75 : control.containsMouse ? 0.6 : 0.40
|
|
|
|
Behavior on scale {
|
|
NumberAnimation { duration: 300; easing.type: Easing.InOutCubic }
|
|
}
|
|
|
|
AppControls2.IconLabel {
|
|
height: icon.height
|
|
width: icon.width - 14
|
|
anchors.centerIn: parent
|
|
appName: model.name
|
|
appIcon: model.icon
|
|
display: Display.TextUnderIcon
|
|
scale: (control.containsPress && !icon.hold) ? 1.1 : 1.0
|
|
|
|
Behavior on scale {
|
|
NumberAnimation { duration: 300; easing.type: Easing.InOutCubic }
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: control
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
pressAndHoldInterval: 300
|
|
acceptedButtons: Qt.LeftButton | Qt.RightButton
|
|
|
|
onPressed: {
|
|
if (mouse.button === Qt.RightButton) {
|
|
console.log("RightButtononPressed:",mouse.x,mouse.y);
|
|
}
|
|
}
|
|
onClicked: {
|
|
if (mouse.button === Qt.LeftButton) {
|
|
var data = {"id": model.id};
|
|
send(data);
|
|
}
|
|
}
|
|
onPressAndHold: {
|
|
if (mouse.button === Qt.LeftButton) {
|
|
drag.target = icon;
|
|
icon.hold = true;
|
|
favoriteView.exchangedStartIndex = icon.visualIndex;
|
|
}
|
|
}
|
|
onReleased: {
|
|
icon.hold = false;
|
|
drag.target = null;
|
|
}
|
|
}
|
|
|
|
onHoldChanged: {
|
|
if (hold) {
|
|
favoriteView.interactive = false;
|
|
} else {
|
|
favoriteView.interactive = true;
|
|
visualModel.model.exchangedAppsOrder(favoriteView.exchangedStartIndex, icon.visualIndex);
|
|
}
|
|
}
|
|
|
|
Drag.active: control.drag.active
|
|
Drag.source: icon
|
|
Drag.hotSpot.x: icon.width / 2
|
|
Drag.hotSpot.y: icon.height / 2
|
|
|
|
Drag.onActiveChanged: {
|
|
if (Drag.active) {
|
|
icon.parent = favoriteView;
|
|
} else {
|
|
iconResetAnimation.start();
|
|
}
|
|
}
|
|
ParallelAnimation {
|
|
id: iconResetAnimation
|
|
NumberAnimation { target: icon; property: "x"; to: delegateRoot.x; easing.type: Easing.OutQuad; duration: 300 }
|
|
NumberAnimation { target: icon; property: "y"; to: delegateRoot.y; easing.type: Easing.OutQuad; duration: 300 }
|
|
|
|
onFinished: {
|
|
icon.parent = delegateRoot;
|
|
icon.x = 0; icon.y = 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|