如何將標籤的文本垂直對齊設置爲移動柔性項目的中心？

該項目是移動 flex。我放在一個標籤和一個TextInput一個VGroup容器內：如何將標籤的文本垂直對齊設置爲移動柔性項目的中心？

<s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center"> 
     <s:HGroup> 
      <s:Label id="l_url" text="url"/> 
      <s:TextInput id="url" invalid="url.getFocus()"/> 
     </s:HGroup> 
     <s:HGroup> 
      <s:Button label="Enregistrer" click="enregistrer(event)" styleName="" /> 
      <s:Button label="Annuler" click="navigator.popView()"/> 
     </s:HGroup> 
    </s:VGroup>

在運行時，標籤的文本是在標籤的頂部：

enter image description here

如何放置標籤的文本垂直居中？

來源

2013-12-12 pheromix

你可以使用表格容器呢？ – JeffryHouser

看起來您在您的HGroup中缺少verticalAlign =「middle」。

<s:HGroup verticalAlign="middle"> 
    <s:Label id="l_url" text="url"/> 
    <s:TextInput id="url" invalid="url.getFocus()"/> 
</s:HGroup>

此外，我不經常使用的形式集裝箱，但因爲你只是在做移動UI，可能是一個很好的建議尋找到這裏，如果你不介意的限制。

來源

2013-12-13 02:08:29 Manius

嘗試verticalAlign="baseline"：

<s:HGroup width="100%" verticalAlign="baseline" paddingLeft="8" paddingRight="8"> 
    <s:Label text="Игровые столы:" /> 
    <s:RadioButton id="_allBtn" group="{_filter}" label="Все" selected="true" /> 
    <s:RadioButton id="_vacBtn" group="{_filter}" label="Свободные" /> 
    <s:RadioButton id="_fullBtn" group="{_filter}" label="Полные" /> 
    <s:Spacer width="100%" /> 
    <s:Label text="Игроки в лобби: {_users.length}" /> 
</s:HGroup>

這怎麼看起來my Flex web application（見標籤和單選按鈕頂行）：

enter image description here

來源

2013-12-13 09:42:33

如何將標籤的文本垂直對齊設置爲移動柔性項目的中心？

回答

相關問題