plasma-framework/examples/applets/testcomponents/contents/ui/IconsPage.qml

147 lines
4.4 KiB
QML

/*
SPDX-FileCopyrightText: 2013 Sebastian Kügler <sebas@kde.org>
SPDX-License-Identifier: GPL-2.0-or-later
*/
import QtQuick 2.0
import org.kde.plasma.core 2.0 as PlasmaCore
import org.kde.plasma.components 2.0 as PlasmaComponents
import org.kde.plasma.extras 2.0 as PlasmaExtras
import org.kde.kquickcontrolsaddons 2.0 as KQuickControlsAddons
// IconTab
PlasmaComponents.Page {
id: iconsPage
anchors {
fill: parent
margins: _s
}
Column {
anchors.fill: parent
spacing: _s
PlasmaExtras.Heading {
width: parent.width
elide: Text.ElideRight
level: 1
text: "Icons"
}
PlasmaComponents.Label {
text: "iconSizes.small : " + units.iconSizes.small +
", iconSizes.desktop: " + units.iconSizes.desktop +
",<br />iconSizes.toolbar: " + units.iconSizes.toolbar +
", iconSizes.dialog : " + units.iconSizes.dialog
}
Flow {
//height: _h
width: parent.width
spacing: _s
PlasmaCore.IconItem {
source: "configure"
width: _h
height: width
}
PlasmaCore.IconItem {
source: "dialog-ok"
width: _h
height: width
}
PlasmaCore.IconItem {
source: "folder-green"
width: _h
height: width
}
PlasmaCore.IconItem {
source: "akonadi"
width: _h
height: width
}
PlasmaCore.IconItem {
source: "clock"
width: _h
height: width
}
KQuickControlsAddons.QIconItem {
icon: "preferences-desktop-icons"
width: _h
height: width
}
}
PlasmaExtras.Heading {
level: 2
text: "ToolTip"
}
Row {
spacing: _s
PlasmaCore.ToolTipArea {
width: childrenRect.width
height: childrenRect.height
icon: "klipper"
mainText: "Fish sighted in the wild, in the wild, a fish was seen."
subText: "A mean-looking grouper swam by."
PlasmaCore.IconItem {
id: akonadiIcon
objectName: "akonadiIcon"
source: "akonadi"
width: height
height: _h
//anchors.horizontalCenter: parent.horizontalCenter
Rectangle { color: "orange"; opacity: 0.3; anchors.fill: parent; }
}
}
PlasmaCore.ToolTipArea {
height: _h
width: height
image: bridgeimage.source
mainText: "Bridge"
subText: "Waalbrug."
Image {
id: bridgeimage
objectName: "bridgeimage"
height: _h
width: height
fillMode: Image.PreserveAspectFit
source: "../images/bridge.jpg"
}
}
PlasmaCore.ToolTipArea {
width: childrenRect.width
height: childrenRect.height
mainItem: PlasmaComponents.Label {
text: "Nijmegen North Beach"
anchors.centerIn: parent
}
Image {
objectName: "surfboardimage"
height: _h
width: height
fillMode: Image.PreserveAspectFit
source: "../images/surfboard.jpg"
//subText: "A surfboard on the beach. <br />The photo shows the Waal river's north beach, \
//across the water from Nijmegen, Netherlands. It was taken during the summer festivals a few years back."
}
}
PlasmaCore.ToolTipArea {
width: childrenRect.width
height: childrenRect.height
mainText: "Tooltip on button"
PlasmaComponents.Button {
id: button
text: "Button"
iconSource: "call-start"
}
}
}
}
}