SilverLight：布局（2）GridSplitter（网格分割）垂直分割、水平分割
2024-05-06 04:36:16
| ylbtech-SilverLight-Layout: 布局（2）GridSplitter（网格分割）垂直分割、水平分割 |
- A, Splitter（分割）对象之 GridSplitter（网格分割）1：垂直分割
- B,Splitter（分割）对象之 GridSplitter（网格分割）2：水平分割
- C,Splitter（分割）对象之 GridSplitter（网格分割）3：Grid嵌套水平分割
- D, Splitter（分割）对象之 GridSplitter（网格分割）3：Grid嵌套水平分割+垂直分割
| 1.A, Splitter（分割）对象之 GridSplitter（网格分割）1：垂直分割返回顶部 |
1,
2,
2.1/2, <UserControl >中加一个引用
xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
2.2/2,
<Grid Background="White"><Grid.ColumnDefinitions><ColumnDefinition Width="100"></ColumnDefinition><ColumnDefinition Width="Auto"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition></Grid.ColumnDefinitions><Button Grid.Column="0" Margin="3" Content="Left side of the grid"></Button><controls:GridSplitter Grid.Column="1" Background="LightGray" Width="3"VerticalAlignment="Stretch" HorizontalAlignment="Center"ShowsPreview="False"/><Button Grid.Column="2" Margin="3" Content="Right side of the grid"></Button> </Grid>
3, Width=[Auto[自动大小]|*[其他]], Background
, Grid.Column[网格列坐标], VerticalAlignment[竖直对齐], HorizontalAlignment[水平对齐], ShowsPreview[显示预览]
4,
| 1.B,Splitter（分割）对象之 GridSplitter（网格分割）2：水平分割返回顶部 |
1,
2,
2.1/2, 同上文 A.2.1/2
2.2/2,
<Grid Background="White"><Grid.RowDefinitions><RowDefinition Height="80"></RowDefinition><RowDefinition Height="Auto"></RowDefinition><RowDefinition Height="*"></RowDefinition></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="100"></ColumnDefinition><ColumnDefinition Width="Auto"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition></Grid.ColumnDefinitions><Button Grid.Column="0" Margin="3" Content="Left side of the grid"></Button><Button Grid.Row="2" Grid.Column="0" Margin="3" Content="Left side of the grid"></Button><controls:GridSplitter Grid.Row="1" Grid.ColumnSpan="3" Background="LightGray" Height="3"VerticalAlignment="Center" HorizontalAlignment="Stretch"ShowsPreview="False"/><Button Grid.Row="0" Grid.Column="2" Margin="3" Content="Right side of the grid"></Button><Button Grid.Row="2" Grid.Column="2" Margin="3" Content="Right side of the grid"></Button> </Grid>
3,
+, Grid.ColumnSpan[合并列]
4,
| 1.C,Splitter（分割）对象之 GridSplitter（网格分割）3：Grid嵌套水平分割返回顶部 |
1,
2,
2.1/2, 同上文 A.2.1/2
2.2/2,
<Grid Background="White"><Grid.ColumnDefinitions><ColumnDefinition Width="100"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition></Grid.ColumnDefinitions><Button Content="Light side of the grid"></Button><Grid Grid.Column="1"><Grid.RowDefinitions><RowDefinition Height="80"></RowDefinition><RowDefinition Height="Auto"></RowDefinition><RowDefinition Height="*"></RowDefinition></Grid.RowDefinitions><controls:GridSplitter Grid.Row="1" Background="LightGray" Height="3"VerticalAlignment="Center" HorizontalAlignment="Stretch"ShowsPreview="False"/><Button Grid.Row="0" Grid.Column="2" Margin="3" Content="Right side of the grid"></Button><Button Grid.Row="2" Grid.Column="2" Margin="3" Content="Right side of the grid"></Button></Grid> </Grid>
3,
4,
| 1.D, Splitter（分割）对象之 GridSplitter（网格分割）3：Grid嵌套水平分割+垂直分割返回顶部 |
1,
2,
2.1/2, 同上文 A.2.1/2
2.2/2,
<Grid Background="White"><Grid.RowDefinitions><RowDefinition Height="100"></RowDefinition><RowDefinition Height="Auto"></RowDefinition><RowDefinition Height="*"></RowDefinition></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="100"></ColumnDefinition><ColumnDefinition Width="Auto"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition></Grid.ColumnDefinitions><Button Grid.Column="0" Margin="3" Content="左边"></Button><Button Grid.Row="2" Grid.Column="0" Margin="3" Content="左边"></Button><controls:GridSplitter Grid.Column="1" Grid.RowSpan="3" Background="LightGray" Width="3"VerticalAlignment="Stretch" HorizontalAlignment="Center"ShowsPreview="False"/><Grid Grid.Row="0" Grid.Column="2" Grid.RowSpan="3"><Grid.RowDefinitions><RowDefinition Height="80"></RowDefinition><RowDefinition Height="Auto"></RowDefinition><RowDefinition Height="*"></RowDefinition></Grid.RowDefinitions><Button Grid.Row="0" Grid.Column="2" Margin="3" Content="右上"></Button><Button Grid.Row="2" Grid.Column="2" Margin="3" Content="右下"></Button><controls:GridSplitter Grid.Row="1" Background="LightGray" Height="3" VerticalAlignment="Center" HorizontalAlignment="Stretch"ShowsPreview="False"/></Grid> </Grid>
3,
4,
| 1.E,返回顶部 |
本文转自ylbtech博客园博客，原文链接：http://www.cnblogs.com/ylbtech/p/3417226.html ，如需转载请自行联系原作者
SilverLight：布局（2）GridSplitter（网格分割）垂直分割、水平分割相关推荐
- IntelliJ IDEA如何垂直或者水平分割标签页
- android线性布局水平布局,andriod： 线性布局中的垂直于水平布局问题
1. 线性布局--- LinearLayout: LinearLayout按照垂直或者水平的顺序依次排列子元素,每一个子元素都位于前一个元素之后.如果是垂直排列,那么将是一个N行单列的结构,每一行只会 ...
- 毒性逆转 水平分割。。
详细解析可以参考:http://wenku.baidu.com/view/e84a2c778e9951e79b89273f.html 为了避免无穷计算,RIP协议规定路由的最大METRIC为15跳, ...
- 解决IBGP的水平分割和BGP选路原则
解决IBGP的水平分割问题 IBGP水平分割:防止环路的产生 方法1:路由反射器(RR) 路由反射器可以反射所学习到的IBGP路由信息. 指定一台路由器称为路由反射器(RR)的时,必须在他的IBGP对 ...
- mysql数据库水平分割_数据库的水平分割和垂直分割
在数据库操作中,我们常常会听说这两个词语:水平分割和垂直分割.那么到底什么是数据库的水平分割,什么是数据库的垂直分割呢?本文我们就来介绍一下这部分内容. 1.水平分割: 按记录进分分割,不同的记录可以 ...
- 垂直投影法分割验证码
垂直投影法分割验证码 背景: 在在上一篇的文章中,我们获得了能够破解验证码的完整的步骤的程序,虽然很简单,但是整体的框架已经设计完毕,接下来只要对其中的算法进行改进即可. 老规矩,先附上缺的上一次的链 ...
- 传统方法的点云分割以及PCL中分割模块
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达 摘要 三维点云分割是将同属性的点云物体分割出来,以便于单独对该点云 ...
- 斯坦福的著名小兔子模型的点云数据_传统方法的点云分割以及PCL中分割模块
之前在微信公众号中更新了以下几个章节 1,如何学习PCL以及一些基础的知识 2,PCL中IO口以及common模块的介绍 3, PCL中常用的两种数据结构KDtree以及Octree树的介绍 有兴趣 ...
- Flutter进阶—垂直和水平布局
垂直和水平布局 垂直或水平排列控件是最常见的布局模式之一,您可以使用Row(行)控件来水平排列子控件,还可以使用Column(列)控件垂直排列子控件. 要在Flutter中创建行或列,您可以将一个子控 ...
最新文章
- win7 登录界面---管理员账户禁用与显示
- ML基石_1_LearningProblem
- SSE,MSE,RMSE,R-square指标讲解
- linux自学笔记--nginx基本配置
- Python中经典类和新式类的区别
- [征求意见]团队发展、技术交流主题、团队机构
- echart 坐标数字间隔_用LaTeX优雅地绘制数字电路
- java ip地址相关操作
- JS+HTML画图的几种方法
- AC日记——Paint Pearls hdu 5009
- 软件需求与分析——大二下需会知识点
- Web版Telnet工具设计与实现
- winform打包应用程序-setup安装包
- 【MATLAB】求极限
- android号牌号码识别新能源,Android离线版车牌号识别相关问题
- 【警告】扣扣热键你了解多少
- 纯真ip java_利用纯真IP数据库,通过IP查地址[JAVA]
- 今年-计划写一本java方面的书籍
- 以太网未识别的网络问题
- cesium加载动图方案三：通过apng-js库实现