Тип QML PieMenuStyle

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

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

Свойства

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

Методы

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

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

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

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

• background
• cancel
• menuItem
• title

Чтобы настроить внешний вид каждого 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
            }
        }
    }
}

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

background : Component

Фон меню.

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

backgroundColor : цвет

Цвет фона.

cancel : Component

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

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

По умолчанию он не виден.

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

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

См. также radius.

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

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

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

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

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

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

См. также startAngle.

menuItem : Component

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

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

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

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

[только для чтения] radius : вещественное число

Расстояние от центра меню до внешнего края меню.

См. также cancelRadius.

selectionColor : цвет

Цвет выделения.

shadowColor : цвет

Цвет тени.

См. также DropShadow.

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

Радиус тени.

См. также DropShadow.

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

Распространение тени.

См. также DropShadow.

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

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

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

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

См. также endAngle.

title : Component

Компонент, отображающий текст текущего выбранного элемента меню или заголовок, если текущего элемента нет.

Текст текущего элемента доступен через свойство styleData.text.

Документация по методам

вещественное число sectionCenterAngle(int itemIndex)

Возвращает центр секции по itemIndex как угол в градусах.

вещественное число sectionEndAngle(int itemIndex)

Возвращает конец секции по itemIndex как угол в градусах.

вещественное число sectionStartAngle(int itemIndex)

Возвращает начало секции по itemIndex как угол в градусах.