整个例子的最终效果图如下:图1

就是有个头、左侧边栏、右侧是内容栏,然后内容栏内部是用tab页面方式来进行布局。
接下来是只有HTML标签,没有加任何控件的页面。页面如下图:图2

接下来是:添加了widget之后,但是还没有添加tab页面的时候的效果,图如下:图3

接下来是:是嵌套的BorderContainer,这个例子很精妙,上下,左右都可以调尺寸,图如下:图4

接下来:添加了Tab页面的效果,这个也是最终的效果图了,和上面的第一张图片是一样的。属性上可以设置一下tab页面的具体位置,是上面还是在下面。图如下:图5

接下来:是用StackContainer,如下图:图6

接下来是:用编程的方式来做布局,图如下:图7(这个程序需要有一个同级页面叫contentGroup1.html存在)

接下来是最后一个例子了,如图所示:图8。点击button,生成下面的tab页面,我已经点击了15次了,多么完美的点击。

接下来去休息吧,累死大叔我了。
布局技巧详解

本文通过多个实例,详细展示了如何使用不同的容器和布局策略来构建复杂的网页布局,包括BorderContainer、Tab页面、StackContainer以及编程布局等。
151

被折叠的 条评论
为什么被折叠?



