WPF-使用面板控制内容布局,比较Canvas,WrapPanel,StackPanel,Grid,ScrollViewer
2012-04-24 09:59
781 查看
<window>作用月内只能放置一个元素,窗口的Content属性只能设置一个对象。使用面板控件。
Canvas:使用绝对定位,如果窗口的大小小于canvas面板,一部分内容会看不见,canvas中的项不能自动调整大小,在canvas内的控件指定左上角,用Canvas.Top和Canvas.Left属性。
WrapPanel:内容随窗口大小的变化而变化,内容按声明顺序逐个呈现,用ItemWidth和ItemHeight控制子项的默认尺寸。根据Orientation设置Vertical,Horizontal布局。
StackPanel:不会内容折行,内容会自动拉伸。根据Orientation设置Vertical,Horizontal布局。
Grid:划分为单元格,定义并配置列,定义并配置行,设置每个单元格内容。
Grid对象支持拆分器(splitter),允许用户调整网格类型中行或列的大小,每个科调整的单元格都会根据所包含的项进行重塑。添加拆分器,只需要定义<GridSplitter>控件,并使用附加语法指定要拆分的行或列。
注意:支持拆分器的列的Width值为Auto。
ScrollViewer:内容自动滚动。
DockPanel: 将内容锁定在面板的某一侧(Top,Bottom,Left,Right),好处:在用户调整窗口大小时,每个元素仍然能连接到指定的面板边缘。
Canvas:使用绝对定位,如果窗口的大小小于canvas面板,一部分内容会看不见,canvas中的项不能自动调整大小,在canvas内的控件指定左上角,用Canvas.Top和Canvas.Left属性。
WrapPanel:内容随窗口大小的变化而变化,内容按声明顺序逐个呈现,用ItemWidth和ItemHeight控制子项的默认尺寸。根据Orientation设置Vertical,Horizontal布局。
StackPanel:不会内容折行,内容会自动拉伸。根据Orientation设置Vertical,Horizontal布局。
Grid:划分为单元格,定义并配置列,定义并配置行,设置每个单元格内容。
Grid对象支持拆分器(splitter),允许用户调整网格类型中行或列的大小,每个科调整的单元格都会根据所包含的项进行重塑。添加拆分器,只需要定义<GridSplitter>控件,并使用附加语法指定要拆分的行或列。
<Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition/> </Grid.ColumnDefinitions> <GridSplitter Grid.Column="0" Width="5" Background="Gray"/> <StackPanel Grid.Column="0" VerticalAlignment="Stretch"> <Label Name="lblSpellingInstructuins" FontSize="14" Margin="10,10,0,0">Spell Hints</Label> <Expander Name="expanderSpelling" Header="try these"> <Label Name="lblSpellingHints" FontSize="12"/> </Expander> </StackPanel>
注意:支持拆分器的列的Width值为Auto。
ScrollViewer:内容自动滚动。
DockPanel: 将内容锁定在面板的某一侧(Top,Bottom,Left,Right),好处:在用户调整窗口大小时,每个元素仍然能连接到指定的面板边缘。
相关文章推荐
- WPF-使用面板控制内容布局,比较Canvas,WrapPanel,StackPanel,Grid,ScrollViewer
- WPF-使用面板控制内容布局,比较Canvas,WrapPanel,StackPanel,Grid,ScrollViewer
- WPF面板布局介绍Grid、StackPanel、DockPanel、WrapPanel
- WPF 使用Code创建Canvas,StackPanel,DockPanel。Grid,Border,UniformGrid,ViewBox,WrapPanel等
- Windows Phone 7 使用Canvas Grid StackPanel进行布局管理
- Windows Phone 7 使用Canvas Grid StackPanel进行布局管理
- 十一章 全面解析布局(Grid & Canvas &StackPanel &Wrappanel) 转
- WPF布局(1) 使用StackPanel面板进行简单的布局
- WPF快速入门2—布局WrapPanel,DockPanel,StackPanel,Canvas
- 全面解析布局(Grid & Canvas &StackPanel &Wrappanel) 转
- 全面解析布局(Grid & Canvas &StackPanel &Wrappanel
- WPF 布局 - Grid, StackPanel, DockPanel, WrapPanel
- 【全面解禁!真正的Expression Blend实战开发技巧】十一章 全面解析布局(Grid & Canvas &StackPanel &Wrappanel)
- WPF编程学习——布局 StackPanel、WrapPanel、DockPanel、Canvas、Grid
- 背水一战 Windows 10 (38) - 控件(布局类): Panel, Canvas, RelativePanel, StackPanel, Grid
- WPF 布局管理器之 StackPanel、WrapPanel、DockPanel (6)
- WPF and Silverlight 学习笔记(七):WPF布局管理之StackPanel、WrapPanel、DockPanel
- 重新想象 Windows 8 Store Apps (7) - 控件之布局控件: Canvas, Grid, StackPanel, VirtualizingStackPanel, WrapGrid, VariableSizedWrapGrid
- WPF(Grid , StackPanel布局等入门)
- WPF CheckBox样式 ScrollViewer样式 WrapPanel、StackPanel、Grid布局