對齊火花標籤中的文本

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>