1
在Flex中使用Grid組件時,我遇到了一些奇怪現象,如下所示,我使用以下格式來對齊字段,如您所見,每個GridRow都有一個邊框。flex中rowSpan的奇怪行爲
我的問題是,邊界尚可見通過跨多個行GridItems(觀察跨越4行了TextArea中,GridRow邊界徑直去把它扔!)
如何解決這個問題的任何想法?
在Flex中使用Grid組件時,我遇到了一些奇怪現象,如下所示,我使用以下格式來對齊字段,如您所見,每個GridRow都有一個邊框。flex中rowSpan的奇怪行爲
我的問題是,邊界尚可見通過跨多個行GridItems(觀察跨越4行了TextArea中,GridRow邊界徑直去把它扔!)
如何解決這個問題的任何想法?
我認爲問題在於當繪製網格時,它會從上到下繪製每一行,並在每一行內將這些項從左到右繪製。因此,跨行< mx:TextArea >項目首先向下延伸到下兩行的區域中,該行將在後面和上面繪製。
我能看到的最快捷方式是在< mx:GridItem > s上繪製行邊框,而不是根據該行在該行中的位置跳過左右邊緣。類似這樣的:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
Grid {
background-color: white;
horizontal-gap: 0;
}
GridItem {
padding-top: 5;
padding-left: 5;
padding-right: 5;
padding-bottom: 5;
background-color: #efefef;
border-style: solid;
border-thickness: 1;
border-color: black;
}
.left {
border-sides: top, bottom, left;
}
.right {
border-sides: top, bottom, right;
}
.center {
border-sides: top, bottom;
}
</mx:Style>
<mx:Grid>
<mx:GridRow>
<mx:GridItem styleName="left">
<mx:Label text="Label"/>
</mx:GridItem>
<mx:GridItem styleName="center">
<mx:ComboBox/>
</mx:GridItem>
<mx:GridItem styleName="center">
<mx:Label text="Label"/>
</mx:GridItem>
<mx:GridItem styleName="right">
<mx:ComboBox/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow>
<mx:GridItem styleName="left">
<mx:Label text="Label"/>
</mx:GridItem>
<mx:GridItem styleName="center">
<mx:TextInput/>
</mx:GridItem>
<mx:GridItem colSpan="2" rowSpan="3">
<mx:VBox width="100%" height="100%">
<mx:Label text="Label"/>
<mx:TextArea width="100%" height="100%"/>
</mx:VBox>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow>
<mx:GridItem styleName="left">
<mx:Label text="Label"/>
</mx:GridItem>
<mx:GridItem styleName="center">
<mx:TextInput/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow>
<mx:GridItem styleName="left">
<mx:Label text="Label"/>
</mx:GridItem>
<mx:GridItem styleName="center">
<mx:TextInput/>
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
</mx:Application>