ベースラインで垂直方向に並べられたHグループ内の画像の位置を調整する方法

Question

HGroupには、LabelsとImageがあります。 HGroupは、baselineに設定されたverticalAlignを持っています。 Labelsはすべて正しく整列しています。 Imageはそうではありません。 Imageは非常に低すぎます。

Imageの垂直位置を調整するプロパティまたはスタイルはありますか？ HGroupはbaselineまたはbaselinePositionを使用してLabelsを配置しているようです。 Imageにもそのプロパティとスタイルがありますが、変更すると何もしないようです。

例コード：

<s:HGroup verticalAlign="baseline" 
      top="10" 
      right="10" 
      left="10"> 
    <s:Button label="Previous"/> 

    <s:Label text="Total results:" /> 

    <s:Image height="28" width="100" 
      source="myImage.png" 
      /> 

    <s:Spacer width="100%"/> 

    <s:Button label="Next" /> 
</s:HGroup> 

HorizontalLayoutがcalculateBaselineTopBottom()というメソッドを持っており、それがupdateDisplayListReal()で呼ばれています。それはbaselineとbaselinePositionで何かをしているようです。また、alignmentBaselineを使用しているようです。これまでのところ私のテストでは何も変えていないようです。

Answer 1

baselineプロパティを設定したようです。私のテストでは私がStringの値を渡していたので（それは道に沿ってStringに変換されたので）、うまくいきませんでした。したがって、Numberとして渡す必要があります。 baselineプロパティはStringまたはNumberを受け入れる理由はObjectsを受け入れます。

また、負の値も受け入れます。したがって、次の作品：

<s:HGroup verticalAlign="baseline" 
      top="10" 
      right="10" 
      left="10"> 
    <s:Button label="Previous"/> 

    <s:Label text="Total results:" /> 

    <s:Image height="28" width="100" 
      source="myImage.png" 
      baseline="-8" 
      /> 

    <s:Spacer width="100%"/> 

    <s:Button label="Next" /> 
</s:HGroup>