135 lines
3.9 KiB
QML
135 lines
3.9 KiB
QML
/*
|
|
* Copyright 2014 Sebastian Kügler <sebas@kde.org>
|
|
*
|
|
* 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 2 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, write to the Free Software
|
|
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 2.010-1301, USA.
|
|
*/
|
|
|
|
import QtQuick 2.1
|
|
|
|
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.qtextracomponents 2.0 as QtExtras
|
|
|
|
Item {
|
|
|
|
property int cheight: 48
|
|
property int cwidth: themePage.width / 1.2
|
|
property int _m: units.gridUnit / 2 * units.devicePixelRatio
|
|
|
|
Column {
|
|
id: col
|
|
spacing: _m
|
|
|
|
anchors {
|
|
margins: _m
|
|
top: parent.top
|
|
left: parent.left
|
|
right: parent.right
|
|
}
|
|
|
|
PlasmaExtras.Title {
|
|
width: parent.width
|
|
elide: Text.ElideRight
|
|
text: "Scaling Test"
|
|
font.pointSize: cheatLabel.font.pointSize * 2
|
|
}
|
|
|
|
Row {
|
|
PlasmaComponents.Button {
|
|
text: "devicePixelRatio"
|
|
font.pointSize: cheatLabel.font.pointSize
|
|
|
|
width: cwidth/2
|
|
//scale: units.devicePixelRatio
|
|
onClicked: {
|
|
var d = units.devicePixelRatio * 96;
|
|
dpilabel.text = "\tdpi from ratio:" + d;
|
|
}
|
|
}
|
|
PlasmaComponents.Label {
|
|
id: dpilabel
|
|
}
|
|
}
|
|
}
|
|
PlasmaComponents.Label {
|
|
id: cheatLabel
|
|
text: "Cheating with the font size. This label scales with the devicePixelRatio <b>on top of</b> font rendering. Just to show how text scaling can work dynamically."
|
|
font.pointSize: theme.defaultFont.pointSize * units.devicePixelRatio / 1.8
|
|
wrapMode: Text.WordWrap
|
|
anchors {
|
|
margins: _m
|
|
top: col.bottom
|
|
left: parent.left
|
|
right: apeImage.left
|
|
}
|
|
}
|
|
Image {
|
|
id: apeImage
|
|
objectName: "apeImage"
|
|
height: parent.height / 6 * units.devicePixelRatio
|
|
//width: height
|
|
anchors {
|
|
top: cheatLabel.top
|
|
right: parent.right
|
|
rightMargin: _m
|
|
}
|
|
fillMode: Image.PreserveAspectFit
|
|
source: "../images/orangutan.jpg"
|
|
}
|
|
Flow {
|
|
anchors {
|
|
left: parent.left
|
|
bottom: parent.bottom
|
|
right: parent.right
|
|
}
|
|
//height: _h
|
|
//width: parent.width
|
|
spacing: units.smallSpacing
|
|
|
|
PlasmaCore.IconItem {
|
|
source: "configure"
|
|
width: units.iconSizes.small
|
|
height: width
|
|
}
|
|
PlasmaCore.IconItem {
|
|
source: "dialog-ok"
|
|
width: units.iconSizes.smallMedium
|
|
height: width
|
|
}
|
|
PlasmaCore.IconItem {
|
|
source: "resize-tr2bl"
|
|
width: units.iconSizes.medium
|
|
height: width
|
|
}
|
|
PlasmaCore.IconItem {
|
|
source: "akonadi"
|
|
width: units.iconSizes.large
|
|
height: width
|
|
}
|
|
PlasmaCore.IconItem {
|
|
source: "clock"
|
|
width: units.iconSizes.huge
|
|
height: width
|
|
}
|
|
QtExtras.QIconItem {
|
|
icon: "preferences-desktop-icons"
|
|
width: units.iconSizes.enormous
|
|
height: width
|
|
}
|
|
|
|
}
|
|
}
|