WPF-常用布局容器
来源:互联网 发布:域名申请的步骤包括 编辑:程序博客网 时间:2024/05/14 04:44
名称描述StackPanel在水平或垂直的堆栈中放置元素,通常应用于一个复杂的布局中的一小块区域WrapPanel在一系列可换行(列)的行中放置元素,支持水平、垂直方向,一行(列)放不下自动拍到下一行(列)DockPanel根据容器整个边界调整元素,指定上、下、左、右Grid网格布局,指定行列,经常使用UniformGrid在一个不可见但是强制所有单元格具有相同尺寸的网格中放置元素,不经常用Canvas使用固定坐标绝对定位,不太常用所有这些布局容器都继承于System.Windows.Controls.Panel
垂直方向:Center、Top、Bottom、Stretch
该属性决定元素在容器中靠左还是靠右还是居中Margin="5,5,5,5"容器周围的控件,左、上、右、下MinWidth与MinHeight设置最小宽度与高度MaxWidth与MaxHeight设置最大宽度与高度
2、WrapPanel
3、DockPanel
指定上下左右
5、UniformGrid
每一个网格大小一样
1、StackPanel
名称描述Orientation(Horizontal、Vertical)布局方向:水平与垂直HorizontalAlignment、VerticalAlignment水平方向:Center、Left、Right、Stretch
垂直方向:Center、Top、Bottom、Stretch
该属性决定元素在容器中靠左还是靠右还是居中Margin="5,5,5,5"容器周围的控件,左、上、右、下MinWidth与MinHeight设置最小宽度与高度MaxWidth与MaxHeight设置最大宽度与高度
<StackPanel Orientation="Vertical" VerticalAlignment="Center" Margin="5,5,5,5" MinHeight="50" MinWidth="100" MaxWidth="600" MaxHeight="300" Height="200" Width="400"> <Button Content="Hello World1" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World2" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World3" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World4" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World5" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World6" MinWidth="50" MaxWidth="100"></Button> </StackPanel>
2、WrapPanel
<WrapPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="5,5,5,5" MinHeight="50" MinWidth="100" MaxWidth="600" MaxHeight="300" Height="200" Width="400"> <Button Content="Hello World1" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World2" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World3" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World4" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World5" MinWidth="50" MaxWidth="100"></Button> <Button Content="Hello World6" MinWidth="50" MaxWidth="100"></Button> </WrapPanel>
指定水平、垂直方向
3、DockPanel
<DockPanel> <Menu DockPanel.Dock="Top"> <MenuItem Header="文件"></MenuItem> <MenuItem Header="编辑"></MenuItem> </Menu> <TextBox DockPanel.Dock="Bottom"></TextBox> </DockPanel>
指定上下左右
4、Grid
<Grid ShowGridLines="True" MinHeight="200" MinWidth="400"> <Grid.RowDefinitions> <RowDefinition Height="40"></RowDefinition> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="100"></ColumnDefinition> <ColumnDefinition></ColumnDefinition> <ColumnDefinition></ColumnDefinition> </Grid.ColumnDefinitions> <Button Content="第一行第一列" Height="40" Width="100" Grid.Row="0" Grid.Column="0" MinHeight="40" MinWidth="100"></Button> <Button Content="第一行第二列(跨两列)" Height="40" Width="150" Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" MinHeight="40" MinWidth="150"></Button> </Grid>
5、UniformGrid
<UniformGrid Rows="2" Columns="2"> <Button Content="Hello(0,0)" Margin="10,10,10,10"></Button> <Button Content="Hello(0,1)" Margin="10,10,10,10"></Button> <Button Content="Hello(1,0)" Margin="10,10,10,10"></Button> <Button Content="Hello(1,1)" Margin="10,10,10,10"></Button> </UniformGrid>
每一个网格大小一样
6、Canvas
<Canvas> <Button Canvas.Left="10" Canvas.Top="10" Content="(10,10)"></Button> <Button Canvas.Left="30" Canvas.Top="30" Content="(30,30)"></Button> <Button Canvas.Left="100" Canvas.Top="60" Content="(100,60)"></Button> </Canvas>
点点滴滴
- WPF-常用布局容器
- WPF-常用布局容器
- WPF布局容器
- WPF页面布局-容器控件
- WPF常用布局介绍
- WPF常用布局介绍
- WPF布局系统(常用布局面板)
- 常用组件、容器、与布局
- WPF中部分常用容器区别
- 学习WPF——WPF布局——初识布局容器
- WPF入门——XAML和布局容器
- 【WPF】—StackPanel && Grid 初识布局容器(1)
- 【WPF】设置ListBox容器子控件的布局
- WPF入门——XAML和布局容器
- WPF布局
- WPF布局
- WPF布局
- wpf布局
- vs2008开发中的问题。以及解决方案
- NS2能量模型
- NS2中文手册之链路错误模型解释
- 判断浏览器类别
- POJ 1020 DFS
- WPF-常用布局容器
- Java - Http异步工具包(HttpClient实现)
- 《重构》读书笔记(二)——第一章 第一个重构案例
- UIscrollview ios
- JAVA中数组转化成list的方法
- Linux errno 错误对照表
- NS2中无线通信距离的计算
- poj 1222 关灯开灯问题 暴搜
- Android 之 Socket通信