WPF布局简介.pptVIP

WPF布局基础介绍 ? 栈面板就是将其其包含的元素按照堆栈的形式排列，通过设置面板的Orientation属性设置了两种排列方式：默认的横排（Horizontal）和竖排（Vertical）。纵向的StatickPanel默认每个元素宽度与面板一样宽，反之横向亦然。如果包含的元素超过了面板空间，它只会截断内容。 StackPanel??TextBlock?Margin=3Lock?For:/TextBlock??Button?Margin=3,5?HorizontalAlignment=LeftSearch/Button/StackPanel TextBox中Wrap属性的意思就是在文本超过TextBox的长度时自动换行，这个面板也是如此。WrapPanel面板也提供了Orientation属性设置排列方式，这跟上面的StackPanel如出一辙。不同的是WrapPanel会自动换行。 WrapPanel HorizontalAlignment=Left Margin=44.666,64.999,0,0 VerticalAlignment=Top Height=113.667 Orientation=Horizontal Width=289.167 Rectangle x:Name=t3 Fill=White Stroke=Black Width=88 Height=51.5/ Rectangle x:Name=t2 Fill=White Stroke=Black Width=108 Height=36.5/ Rectangle x:Name=t4 Fill=White Stroke=Black Height=27 Width=79/ Rectangle x:Name=t1 Fill=White Stroke=Black Width=134.167 Height=52.667/ /WrapPanel 停靠面板其实就是在2.0中类似于Dock属性的元素。DockPanel会对每个子元素进行排序，并停靠在面板的一侧，多个停靠在同侧的元素则按顺序排序，最后一个元素填充这个Panel（除非将LastChildFill属性设置为False，它才会使得没有填充的部分为空）。对于在DockPanel中的元素的停靠属性可以通过Panel.Dock的附加属性来设置，如下： DockPanel??Button?DockPanel.Dock=TopTop/Button??Button?DockPanel.Dock=BottomBottom/Button??Button?DockPanel.Dock=LeftLeft/Button??Button?DockPanel.Dock=RightRight/Button??ButtonFill/Button/DockPanel 在DockPanel中，停靠边界交界处的元素定义顺序直接影响到最终的显示效果。如果将left和Bottom按钮对调定义，显示如下图： DockPanel??Button?DockPanel.Dock=TopTop/Button ? Button?DockPanel.Dock=LeftLeft/Button??Button?DockPanel.Dock=BottomBottom/Button??Button?DockPanel.Dock=RightRight/Button??ButtonFill/Button/DockPanel Grid与其他面板不同的是，他的面板布局由Grid.ColumnDefinitions列元素集和Grid.RowDefinitions行元素集合两种元素组成。而放置在Grid面板中的控件元素入TextBox等都必须显示采用附加属性语法定义其放置所在的行和列，否则元素均默认放置在第0行第0列。 Grid Grid.RowDefinitions RowDefinition Height=100 / RowDefinition Height=auto / /Grid.RowDefinitions Grid.ColumnDefinitions ColumnDefinition Width=50/ ColumnDefinition Width=Auto/ ColumnDefinition Width=1*/ ColumnDefinition Width=2*/ /Grid.ColumnDefinitions TextBox Grid.Row=0