ITPub博客

首页 > Linux操作系统 > Linux操作系统 > WPF and Silverlight 学习笔记(七):WPF布局管理之StackPanel

WPF and Silverlight 学习笔记(七):WPF布局管理之StackPanel

原创 Linux操作系统 作者:iDotNetSpace 时间:2009-05-27 15:34:36 0 删除 编辑

一、StackPanel

StackPanel是以堆叠的方式显示其中的控件

1、可以使用Orientation属性更改堆叠的顺序

  • Orientation="Vertical"

      默认,由上到下显示各控件。控件在未定义的前提下,宽度为StackPanel的宽度,高度自动适应控件中内容的高度

   1: <StackPanel Orientation="Vertical">
   2:     <Button>Button AButton>
   3:     <Button>Button BButton>
   4:     <Button>Button CButton>
   5:     <Button>Button DButton>
   6:     <Button>Button EButton>
   7:     <Button>Button FButton>
   8: StackPanel>
StackPanel1
  • Orientation="Horizontal"

     由左到右显示各控件。控件在未定义的前提下,高度为StackPanel的高度,宽度自动适应控件中内容的宽度

   1: <StackPanel Orientation="Horizontal">
   2:     <Button>Button AButton>
   3:     <Button>Button BButton>
   4:     <Button>Button CButton>
   5:     <Button>Button DButton>
   6:     <Button>Button EButton>
   7:     <Button>Button FButton>
   8: StackPanel>

StackPanel2

2、设置控件的属性,调整控件的显示

  • Margin属性
    定义控件的外边缘,可以通过以下几种方式来设置
    1)Margin=”10”:各边缘均为10
    2)Margin=”10,20,30,40”:设定左、上、右、下各边缘分别为10、20、30、40
    3)使用拆分式方式设定,如上下为10,左右为20
   1: <Button Content="Button A">
   2:     <Button.Margin>
   3:         <Thickness Top="10" Bottom="10" Left="20" Right="20" /> 
   4:     Button.Margin>
   5: Button>
  • Width、Height属性
    设定控件的宽度和高度,取消自动的宽度和高度
  • HorizontalAlignment、VerticalAlignment属性
    设定控件的水平或竖直对齐方式,如整体Orientation="Vertical"的前提下,设置水平对齐为Left、Right或Center,在没有设定宽度的情况下,控件的宽度自动调整
  • MinWidth、MinHeight、MaxWidth、MaxHeight属性
    在调整窗体大小,同时更改控件大小时,控件宽度、高度可变化的最大值和最小值

二、WrapPanel

以流的形式由左到右,由上到下显示控件,其功能类似于Java AWT布局中的FlowLayout

三、DockPanel

以上、下、左、右、中为基本结构的布局方式,类似于Java AWT布局中的BorderLayout。

但与BorderLayout不同的是,每一个区域可以同时放置多个控件,在同一区域放置的多个控件采用的布局方式为StackPanel方式。

如:

   1: <DockPanel >
   2:     <Button Content="ButtonA" Width="70" DockPanel.Dock="Top" />
   3:     <Button Content="ButtonB" Width="70" HorizontalAlignment="Right" DockPanel.Dock="Top" />
   4:     <Button Content="ButtonC" Margin="10" DockPanel.Dock="Top" />
   5:     <Button Content="ButtonD" DockPanel.Dock="Left" />
   6:     <Button Content="ButtonE" DockPanel.Dock="Right" />
   7:     <Button Content="ButtonF" DockPanel.Dock="Bottom" />
   8:     <Button Content="ButtonG" />
   9: DockPanel>

DockPanel

原文:http://www.cnblogs.com/DragonInSea/archive/2009/04/10/1433036.html

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/12639172/viewspace-604310/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2008-01-04

  • 博文量
    2376
  • 访问量
    5297652