Тип 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 : Компонент

Фон меню.

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

backgroundColor : цвет

Цвет фона.

cancel : Компонент

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

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

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

cancelRadius : вещественное

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

См. также radius.

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

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

endAngle : вещественное

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

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

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

См. также startAngle.

menuItem : Компонент

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

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

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

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

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

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

См. также cancelRadius.

selectionColor : цвет

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

shadowColor : цвет

Цвет тени.

См. также DropShadow.

shadowRadius : вещественное

Радиус тени.

См. также DropShadow.

shadowSpread : вещественное

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

См. также DropShadow.

startAngle : вещественное

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

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

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

См. также endAngle.

title : Компонент

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

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

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

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

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

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

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

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

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