Выравнивание текста в искровых метках

Question

У меня есть 2 свечи зажигания рядом. Они имеют базовую компоновку и имеют нижнюю позицию, равную 0. Они имеют разные размеры шрифта (28 и 12).

В обоих полях отображаются только цифры. Я хочу, чтобы базовая линия чисел выстроилась в ряд.

На данный момент их нет, так как спусков нет, а область спуска линии, очевидно, имеет разную высоту для двух разных размеров шрифта.

Я подозреваю, что мне, возможно, придется переопределить updateDisplayList и каким-то образом использовать свойство спуска TextLine, но я не понимаю, как легко получить к нему доступ.

Answer 1

Используйте свойство baseline, вот небольшой пример:

<s:Group id="group1" width="100" height="100" verticalCenter="0" horizontalCenter="0">
    <s:Rect width="100%" height="100%">
        <s:fill>
            <s:SolidColor color="0xF0F0F0"/>
        </s:fill>
    </s:Rect>
    <s:Label id="label1" text="10" fontSize="10" left="30" baseline="50"/>
    <s:Label id="label2" text="20" fontSize="20" left="45" baseline="50"/>
</s:Group>