多列布局高度100% 但列宽度想采用百分比如何实现

亦颖 · 发表于 2013-11-2 23:43:28

范例里的布局
母面板采用Layout=HBox，高度是100%，但是列宽无法采用百分比控制
母面板采用Layout=Column 列宽可以采用百分比控制，但各列高度却无法100%

我想要多列布局，高度100% 但列宽度想采用百分比不知道如何实现?

亦颖 · 发表于 2013-11-12 20:20:40

有人知道吗？

bluer · 发表于 2013-11-12 21:09:26

本帖最后由 bluer 于 2013-11-12 21:12 编辑

<x:Panel ID="Panel1" runat="server" BodyPadding="5px" BoxConfigAlign="Stretch" Height="400px" Layout="HBox" ShowBorder="true" ShowHeader="true" Title="Panel" Width="800px">
<Items>
<x:Panel ID="Panel2" runat="server" BodyPadding="5px" BoxFlex="3" Title="Panel">
</x:Panel>
<x:Panel ID="Panel3" runat="server" BodyPadding="5px" BoxFlex="7" Title="Panel">
</x:Panel>
</Items>
</x:Panel>

复制代码

可以用 BoxFlex做到百分比的. 如示例，两列，3：7 就是30% 和 70%麻

亦颖 · 发表于 2013-11-13 01:43:33

本帖最后由亦颖于 2013-11-13 03:59 编辑

<x:PageManager ID="PageManager1" runat="server" AutoSizePanelID="Panel1" />
<x:Panel ID="Panel1" runat="server" BodyPadding="5px" Layout="HBox" ShowBorder="true" ShowHeader="true" Title="Panel">
<Items>
<x:Panel ID="Panel2" runat="server" BodyPadding="5px" BoxFlex="3" Title="Panel">
</x:Panel>
<x:Panel ID="Panel3" runat="server" BodyPadding="5px" BoxFlex="7" Title="Panel">
</x:Panel>
</Items>
</x:Panel>

复制代码

谢谢，但好像只有在设定父Panel一个固定高度才有效，否则子Panel 还不能100%高度。
例如我要如上全屏100%高度咋办？

bluer · 发表于 2013-11-13 08:52:38

你的代码就是100%高度了呀？？？？？没有听懂

亦颖 · 发表于 2013-11-13 20:20:52

但我后面的代码实际运行效果，内部的Panel就那么点点高度

bluer · 发表于 2013-11-14 11:39:29

外部panel BoxConfigAlign="Stretch" 注意这个属性。谢谢！

		自动登录	找回密码
密码			立即注册

多列布局 高度100% 但列宽度想采用百分比如何实现