Alignement du texte dans étincelle Étiquettes

Question

J'ai 2 étiquettes d'étincelles à côté de l'autre. Ils sont dans une disposition de base et les deux ont le fond mis à 0. Ils ont des tailles de police différentes (28 et 12).

Les deux champs numéros d'affichage uniquement. Je veux que la ligne de base des nombres s'aligne.

Au moment où ils ne le font pas, car il n'y a pas descendeurs et la zone de descendeur de la ligne est de toute évidence une hauteur différente pour les 2 tailles de police différentes.

Je soupçonne que je pourrais avoir à passer outre updateDisplayList et en quelque sorte d'utiliser la propriété de descente de TextLine mais je ne vois pas comment je facilement avoir accès.

Answer 1

Utilisez la propriété baseline, voici un petit exemple:

<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>