赞
踩
前言:在Fyne中由于不理解其自带的布局,导致出现了很多失误,然后在查找资料后对Grid相关布局进行了一个整体的总结,以便于下次在不知道使用哪种布局时以作查阅。
前置代码:
- con1 := canvas.NewRectangle(colornames.Aqua)
- con2 := canvas.NewRectangle(colornames.Black)
1.自适应排列,每个子组件大小完全一致,参数数字>1时,设置为整数几,就出现几列,子元素每列分布(这两个设置起来布局看起来完全一致)
- content := container.New(layout.NewGridLayoutWithColumns(3), con1, con2)
- content := container.New(layout.NewGridLayout(3), con1, con2)
2.自适应排列,每个子组件大小完全一致,参数数字>1时,设置为整数几,就出现几行,子元素每行分布
content := container.New(layout.NewGridLayoutWithRows(2), con1, con2)
3.自适应排列,每个子组件大小完全一致,参数数字>2时,设置为整数几,就出现几列,子元素每列分布,除非数字=2时代表两行两列
- content := container.New(layout.NewAdaptiveGridLayout(6),
- con1,
- layout.NewSpacer(),
- con2)
4.自适应排列,每个子组件大小完全一致,参数为单个子组件的尺寸,有几个子组件就会按行数来排列,当子组件的宽高总和大于窗口限制时,主函数设置的窗口大小及固定尺寸失效
- content := container.New(layout.NewGridWrapLayout(fyne.Size{
- Width: 700,
- Height: 250,
- }), con1, con2)
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。