기준선을 기준으로 세로로 정렬 된 H 그룹의 이미지 위치를 조정하는 방법

Question

및 Image의 HGroup이 있습니다. HGroup에는 verticalAlign이 baseline으로 설정되어 있습니다. 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>