如何在移动Flex项目中将标签文本垂直对齐设置为居中？

Question

项目移动 flex。我在vgroup容器中放置了一个标签和一个textinput：

    <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>

在运行时，标签的文本位于标签的顶部：

如何将标签的文字垂直居中？

Answer 1

您的HGroup中似乎缺少verticalAlign =“middle”。

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

此外，我通常不会使用表单容器，但由于您只是在使用移动UI，因此如果您不介意这些限制，可能会在此处进行调查。

Answer 2

尝试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中的显示效果（请参阅顶行中的Label和RadioButtons）：