离线发布wordpress,网站的结构与布局优化设计,交互设计是什么,重庆网站建设cqsdayWPF布局学习 常用布局Grid网格布局StackPanel 布局CanvasDockPanel布局WrapPanel布局 常用布局
1、StackPanel: 学习如何使用StackPanel进行垂直和水平布局。
2、Grid: 掌握Grid的网格布局技术。
3、Canvas: 了解Canvas的绝对定位布局。
4、DockPanel: 学习DockPanel的停靠… WPF布局学习 常用布局Grid网格布局StackPanel 布局CanvasDockPanel布局WrapPanel布局 常用布局
1、StackPanel: 学习如何使用StackPanel进行垂直和水平布局。
2、Grid: 掌握Grid的网格布局技术。
3、Canvas: 了解Canvas的绝对定位布局。
4、DockPanel: 学习DockPanel的停靠布局方式。
5、WrapPanel: 了解WrapPanel的自动换行布局。
Grid网格布局
1、作用 作用Grid布局的作用可以理解为拆分网格布局。 2、图片示例
3、代码示例 以下的示例中的属性也是该布局常用的几种属性。 GridGrid.RowDefinitionsRowDefinition/RowDefinitionRowDefinition/RowDefinitionRowDefinition/RowDefinition/Grid.RowDefinitionsGrid.ColumnDefinitionsColumnDefinition/ColumnDefinitionColumnDefinition/ColumnDefinitionColumnDefinition/ColumnDefinitionColumnDefinition/ColumnDefinition/Grid.ColumnDefinitionsButton Grid.RowSpan2 Grid.ColumnSpan2 BackgroundBeige这是跨单元格示例 /ButtonButton Grid.Row3 Grid.Column3指定单元格/ButtonButton Grid.IsSharedSizeScopeTrue BackgroundAquamarine共享单元格/Button/GridStackPanel 布局
1、作用将布局拆分为水平或者垂直的布局 2、图片示例 3、代码示例
Orientation布局方式:Vertical(垂直堆叠)、Horizontal水平堆叠
HorizontalAlignment对齐方式LEFT、right、center、top、bottom!--StackPanel OrientationVertical HorizontalAlignmentStretchButton 从上到下/Button/StackPanel--StackPanel OrientationHorizontal HorizontalAlignmentStretchButton从左到右/Button/StackPanelCanvas
1、作用绝对布局 2、图片示例
3、代码示例 Canvas BackgroundAliceBlue!--绝对定位布局--Button Canvas.Left50 Canvas.Bottom20Canvas1 /ButtonButton Canvas.Left50 Canvas.Bottom50Canvas2 /Button/CanvasDockPanel布局
1、作用停靠布局 2、图片示例
3、代码示例 DockPanel HorizontalAlignmentLeft LastChildFillFalse !--按照控件添加顺序自动排序并停靠--Button Width80 Height50DockPanel3/ButtonButton Width80 Height50 DockPanel1/ButtonButton Width80 Height50 DockPanel.DockRightDockPanel2/Button/DockPanelWrapPanel布局
1、作用自动换行布局 2、图片示例
3、代码示例 WrapPanel!--自动换行布局--Button Width400 Height50 wrapPanel 1 /ButtonButton Width400 Height50 wrapPanel 2 /ButtonButton Width400 Height50 wrapPanel 3 /Button/WrapPanel
