MouseArea { id: dragArea anchors.fill: parent drag.target: rect drag.filterChildren: true drag.axis: Drag.XandYAxis drag.minimumX: 10 drag.maximumX: lockScreen.width -10 - rect.width drag.minimumY: -10 drag.maximumY: lockScreen.height -25 - rect.height -50 onPressed: { rect.anchors.top = undefined rect.anchors.topMargin = undefined rect.anchors.horizontalCenter = undefined }
import QtQuick 2.0 import Sailfish.Silica 1.0 import org.nemomobile.time 1.0 import org.nemomobile.lipstick 0.1 import "../main" Item { id: clock anchors.fill: parent property alias time: timeText.time property bool color: Theme.primaryColor property bool followPeekPosition property alias updatesEnabled: timeText.updatesEnabled width: Math.max(timeText.width, date.width) height: timeText.font.pixelSize + date.font.pixelSize + Theme.paddingMedium * 2 baselineOffset: timeText.y + timeText.baselineOffset Rectangle { id: rect width: 350; height: 220 radius: 90 color: Theme.highlightDimmerColor border.color: Theme.secondaryHighlightColor border.width: +3 anchors { top: lockScreen.top topMargin: Theme.paddingSmall horizontalCenter: parent.horizontalCenter } Drag.active: dragArea.drag.active ClockItem { id: timeText color: Theme.primaryColor font { pixelSize: Theme.fontSizeHuge * 2.0; family: Theme.fontFamilyHeading } anchors { top: rect.top topMargin: Theme.paddingSmall bottomMargin: -timeText.font.pixelSize horizontalCenter: rect.horizontalCenter } } Text { id: date color: Theme.primaryColor anchors { top: timeText.baseline topMargin: Theme.paddingSmall horizontalCenter: rect.horizontalCenter } font { pixelSize: Theme.fontSizeLarge * 1.1; family: Theme.fontFamily } text: { updatesEnabled: timeText.time Qt.formatDate(new Date(), "ddd dd MMM") } } MouseArea { id: dragArea anchors.fill: parent drag.target: rect drag.filterChildren: true drag.axis: Drag.XandYAxis drag.minimumX: 10 drag.maximumX: lockScreen.width -10 - rect.width drag.minimumY: -10 drag.maximumY: lockScreen.height -25 - rect.height -50 onPressed: { rect.anchors.top = undefined rect.anchors.topMargin = undefined rect.anchors.horizontalCenter = undefined } } } }