Тип QML LayoutMirroring

Свойство, используемое для зеркального отражения поведения макета. Подробнее...

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

Свойства

• childrenInherit : bool
• enabled : bool

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

Присоединенное свойство LayoutMirroring используется для горизонтального зеркального отражения якорей элементов, типов позиционеров (таких как Row и Grid) и представлений (таких как GridView и горизонтальный ListView). Зеркальное отражение — это визуальное изменение: левые якоря становятся правыми, а типы позиционеров, такие как Grid и Row, инвертируют горизонтальную компоновку дочерних элементов.

Зеркальное отражение включается для элемента, установив свойство enabled в значение true. По умолчанию это влияет только на сам элемент; установка свойства childrenInherit в значение true распространяет поведение зеркального отражения на все дочерние элементы также. Если присоединённое свойство LayoutMirroring не определено для элемента, зеркальное отражение не включено.

Примечание: Начиная с Qt 5.8, LayoutMirroring может быть присоединён к окну. На практике это то же самое, что и прикрепление LayoutMirroring к contentItem окна.

Следующий пример демонстрирует зеркальное отражение в действии. Row ниже задан как привязанный к левой стороне своего родительского элемента. Однако, поскольку зеркальное отражение включено, якорь горизонтально инвертирован, и теперь он привязан к правой стороне. Кроме того, поскольку элементы в Row по умолчанию позиционируются слева направо, теперь они позиционируются справа налево, как показано номерами и непрозрачностью элементов:

import QtQuick 2.0

Rectangle {
    LayoutMirroring.enabled: true
    LayoutMirroring.childrenInherit: true

    width: 300; height: 50
    color: "yellow"
    border.width: 1

    Row {
        anchors { left: parent.left; margins: 5 }
        y: 5; spacing: 5

        Repeater {
            model: 5

            Rectangle {
                color: "red"
                opacity: (5 - index) / 5
                width: 40; height: 40

                Text {
                    text: index + 1
                    anchors.centerIn: parent
                }
            }
        }
    }
}

Зеркальное отражение макета полезно, когда необходимо поддерживать как слева направо, так и справа налево версии макета приложения для разных языковых областей. Свойство childrenInherit позволяет применять зеркальное отражение макета без ручного задания настроек макета для каждого элемента в приложении. Однако следует помнить, что зеркальное отражение не влияет на любое позиционирование, определяемое значением координаты Item x, поэтому даже при включённом зеркальном отражении часто потребуется внести некоторые изменения в макет, чтобы поддерживать желаемое направление макета. Кроме того, может потребоваться отключить зеркальное отражение отдельных дочерних элементов (установив LayoutMirroring.enabled в false для таких элементов), если зеркальное отражение не требуется или если дочерний элемент уже реализует зеркальное отражение каким-либо пользовательским способом.

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

LayoutMirroring.enabled: Qt.application.layoutDirection === Qt.RightToLeft

Дополнительные сведения о применении LayoutMirroring и других связанных функций для реализации поддержки справа налево в приложении см. в разделе Интерфейсы пользователя справа налево.

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

childrenInherit : bool

Это свойство указывает, наследуется ли значение LayoutMirroring.enabled для данного элемента его дочерними элементами.

Значение по умолчанию — false.

enabled : bool

Это свойство указывает, зеркально отражается ли горизонтальный макет элемента. Установка этого значения в true горизонтально инвертирует настройки якорей таким образом, что левые якоря становятся правыми, а правые — левыми. Для типов позиционеров (таких как Row и Grid) и типов представлений (таких как GridView и ListView) это также отражает горизонтальное направление макета элемента.

Значение по умолчанию — false.