Стиль PieMenu QML

Предоставляет настраиваемую стилизацию для PieMenu. Подробнее...

Заявление импорта:	import QtQuick.Controls.Styles 1.4
С момента:	Qt 5.5

Список всех членов, включая унаследованные

Свойства

background : Компонент
backgroundColor : цвет
cancel : Компонент
cancelRadius : вещественное число
control : PieMenu
endAngle : вещественное число
menuItem : Компонент
radius : вещественное число
selectionColor : цвет
shadowColor : цвет
shadowRadius : вещественное число
shadowSpread : вещественное число
startAngle : вещественное число
title : Компонент

Методы

вещественное число sectionCenterAngle(целое число itemIndex)
вещественное число sectionEndAngle(целое число itemIndex)
вещественное число sectionStartAngle(целое число itemIndex)

Подробное описание

PieMenuStyle — это стиль для PieMenu, который отображает каждую секцию меню как заполненный «сектор».

Вы можете создать настраиваемое меню «пирог», заменив следующие делегаты:

Для настройки внешнего вида каждого menuItem без необходимости определения собственного, вы можете использовать свойства backgroundColor и selectionColor. Для настройки тени используйте свойства shadowColor, shadowRadius и shadowSpread.

Иконки, которые слишком велики для секции, в которой они находятся, будут соответствующим образом масштабироваться.

Для стилизации отдельных секций меню используйте компонент menuItem:

PieMenuStyle {
    shadowRadius: 0

    menuItem: Item {
        id: item
        rotation: -90 + sectionCenterAngle(styleData.index)

        Rectangle {
            width: parent.height * 0.2
            height: width
            color: "darkorange"
            radius: width / 2
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter

            Text {
                id: textItem
                text: control.menuItems[styleData.index].text
                anchors.centerIn: parent
                color: control.currentIndex === styleData.index ? "red" : "white"
                rotation: -item.rotation
            }
        }
    }
}

A custom PieMenu

Документация по свойствам

background : Компонент

Фон меню.

По умолчанию фон не определен.

backgroundColor : цвет

Цвет фона.

cancel : Компонент

Компонент отмены меню.

Это область в центре меню, которая закрывает меню при нажатии.

По умолчанию он не отображается.

cancelRadius : вещественное число

Радиус области, используемой для отмены меню.

См. также radius.

[только для чтения] control : PieMenu

PieMenu, к которому прикреплен этот стиль.

endAngle : вещественное число

Угол (в градусах), в котором будет нарисован последний элемент меню.

Абсолютный диапазон, образованный startAngle и endAngle, должен быть меньше или равен 360 градусам.

Элементы меню отображаются по часовой стрелке, когда startAngle меньше endAngle, в противном случае они отображаются против часовой стрелки.

См. также startAngle.

menuItem : Компонент

Этот компонент определяет каждую секцию кругового меню.

Этот компонент занимает всю ширину и высоту элемента управления.

События мыши не передаются этому компоненту, что означает, что такие элементы управления, как Button, не будут работать, если будут использоваться внутри него. Вы можете проверить, находится ли курсор мыши над этой секцией, сравнив control.currentIndex с styleData.index.

Каждый экземпляр этого компонента имеет доступ к следующим свойствам:

`readonly property int` styleData.index	Индекс этого элемента меню.
`readonly property bool` styleData.hovered	`true` если этот элемент меню находится под курсором мыши.
`readonly property bool` styleData.pressed	`true` если кнопка мыши нажата на этот элемент меню.