对齐火花标签中的文本

Question

我有两个相邻的火花标签。它们处于基本布局，并且都有底部设置为0.它们具有不同的字体大小（28和12）。

这两个字段只显示数字。我希望数字的基线一致。

目前他们并没有没有下行，并且行的下行区域对于2种不同的字号显然是不同的高度。

我怀疑我可能不得不重写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>