在flex中使用formitems时从顶部和左侧删除额外的空间答案

【问题标题】：removing extra space from top and left when using formitems in flex在flex中使用formitems时从顶部和左侧删除额外的空间
【发布时间】：2013-11-09 18:26:05
【问题描述】：

我想从 FormItem 中删除额外的空间/填充/间隙，我在 flex 4.6 中用于移动项目的表单中

我已尝试将间隙和填充设置为 0，但表单及其字段仍然向右和顶部缩进？

                <s:FormItem label="Start Date" width="150">
                    <s:HGroup>
                        <s:TextInput id="startDate" width="90" editable="false"/>
                        <s:Button id="setStartDate" label="set" height="34" fontSize="10" click="setStartDate_clickHandler(event)"/>
                    </s:HGroup>
                </s:FormItem>

                <s:FormItem label="End Date" width="150">
                    <s:HGroup>
                        <s:TextInput id="endDate" width="90" editable="false"/>
                        <s:Button id="setEndDate" label="set" height="34" fontSize="10" click="setEndDate_clickHandler(event)"/>
                    </s:HGroup>
                </s:FormItem>

            </s:HGroup>

        </s:Form>

【问题讨论】：

你能贴一些代码和截图吗？
在问题底部添加代码
你说的是两个formItem之间的差距吗？还是表单项中 Hgroup 的内容？
是的，并且在顶部和左侧还有额外的空间，b/w 第一个 FormItem 和表单容器。

标签： forms apache-flex mobile

【解决方案1】：

两个表单项之间的间隙，verticalGap。（在表单容器上设置）
默认 hgroup 间隔为 6，设置为 0。
如果FormItem中的两个项目之间有间隙，verticalGap（在表单容器上设置）
Form 有 FormHeading，在这个 FormHeading 组合上设置 paddingTop=0。此外，尝试在表单上将 this 的高度设置为 0 和 PaddingTop = 0，以减少第一个元素和 Form 容器顶部的间隙。

这有很好的信息http://livedocs.adobe.com/flex/3/html/help.html?content=layouts_08.html

【讨论】：

好吧，我尝试了提到的属性，但仍然没有结果。您提供的链接与 flex 3 有关，我正在使用 flex 4.6，我认为它具有不同的样式架构。
那么我假设您可能必须为此编写一个皮肤类。或者查看这个链接help.adobe.com/en_US/flex/using/…他们使用formLayout，你可以试试。在 -ve 整数中给出一个间隙和填充，然后尝试。