Тип QML PieMenuStyle

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

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

Свойства

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

Методы

• вещественное число sectionCenterAngle(целое число itemIndex)
• вещественное число sectionEndAngle(целое число itemIndex)
• вещественное число sectionStartAngle(целое число 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(целое число itemIndex)

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

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

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

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

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