MenuStyle.qml 7.14 KiB
/****************************************************************************
**
** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
** Contact: http://www.qt-project.org/legal
**
** This file is part of the Qt Quick Controls module of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:BSD$
** You may use this file under the terms of the BSD license as follows:
** "Redistribution and use in source and binary forms, with or without
** modification, are permitted provided that the following conditions are
** met:
**   * Redistributions of source code must retain the above copyright
**     notice, this list of conditions and the following disclaimer.
**   * Redistributions in binary form must reproduce the above copyright
**     notice, this list of conditions and the following disclaimer in
**     the documentation and/or other materials provided with the
**     distribution.
**   * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names
**     of its contributors may be used to endorse or promote products derived
**     from this software without specific prior written permission.
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
** $QT_END_LICENSE$
****************************************************************************/
import QtQuick 2.1
import QtQuick.Controls 1.0
import QtQuick.Controls.Private 1.0
import "../../Private/style.js" as StyleHelpers
Style {
    id: styleRoot
    property string __menuItemType: "menuitem"
    property Component frame: Rectangle {
        width: (parent ? parent.contentWidth : 0) + 2
        height: (parent ? parent.contentHeight : 0) + 2
        color: "lightgray"
        border { width: 1; color: "darkgray" }
        property int subMenuOverlap: -1
    property Component menuItem: Rectangle {
        x: 1
        y: 1
        implicitWidth: Math.max((parent ? parent.width : 0),
                                18 + text.paintedWidth + (rightDecoration.visible ? rightDecoration.width + 40 : 12))
        implicitHeight: isSeparator ? text.font.pixelSize / 2 : text.paintedHeight + 4
        color: selected && enabled ? "" : backgroundColor
        gradient: selected && enabled ? selectedGradient : undefined
        border.width: 1
        border.color: selected && enabled ? Qt.darker(selectedColor, 1) : color
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
readonly property int leftMargin: __menuItemType === "menuitem" ? 18 : 0 readonly property color backgroundColor: "#dcdcdc" readonly property color selectedColor: "#49d" Gradient { id: selectedGradient GradientStop {color: Qt.lighter(selectedColor, 1.3) ; position: -0.2} GradientStop {color: selectedColor; position: 1.4} } antialiasing: true SystemPalette { id: syspal colorGroup: enabled ? SystemPalette.Active : SystemPalette.Disabled } readonly property string itemText: parent ? parent.text : "" Loader { id: checkMark x: 4 y: 6 active: __menuItemType === "menuitem" && !!menuItem && !!menuItem["checkable"] sourceComponent: exclusive ? exclusiveCheckMark : nonExclusiveCheckMark readonly property bool checked: !!menuItem && !!menuItem.checked readonly property bool exclusive: !!menuItem && !!menuItem["exclusiveGroup"] Component { id: nonExclusiveCheckMark BorderImage { width: 12 height: 12 source: "images/editbox.png" border.top: 6 border.bottom: 6 border.left: 6 border.right: 6 Rectangle { antialiasing: true visible: checkMark.checked color: "#666" radius: 1 anchors.margins: 4 anchors.fill: parent anchors.topMargin: 3 anchors.bottomMargin: 5 border.color: "#222" Rectangle { anchors.fill: parent anchors.margins: 1 color: "transparent" border.color: "#33ffffff" } } } } Component { id: exclusiveCheckMark Rectangle { x: 1 width: 10 height: 10 color: "white" border.color: "gray" antialiasing: true radius: height/2
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
Rectangle { anchors.centerIn: parent visible: checkMark.checked width: 4 height: 4 color: "#666" border.color: "#222" antialiasing: true radius: height/2 } } } } Text { id: text visible: !isSeparator text: StyleHelpers.stylizeMnemonics(itemText) x: __menuItemType === "menuitem" ? 24 : 6 anchors.verticalCenter: parent.verticalCenter renderType: Text.NativeRendering color: selected && enabled ? "white" : syspal.text } Text { id: rightDecoration readonly property string shortcut: !!menuItem && menuItem["shortcut"] || "" visible: isSubmenu || shortcut !== "" text: isSubmenu ? "\u25b8" // BLACK RIGHT-POINTING SMALL TRIANGLE : shortcut anchors { right: parent.right rightMargin: 6 baseline: isSubmenu ? undefined : text.baseline } font.pixelSize: isSubmenu ? text.font.pixelSize : text.font.pixelSize * 0.9 color: text.color renderType: Text.NativeRendering style: selected || !isSubmenu ? Text.Normal : Text.Raised; styleColor: Qt.lighter(color, 4) } Rectangle { visible: isSeparator width: parent.width - 2 height: 1 x: 1 anchors.verticalCenter: parent.verticalCenter color: "darkgray" } } }