WPF布局控件简单介绍

    技术2022-05-11  59

    一 Canvas 英语就是画布的意思语法:<Canvas MinHeight="50" MinWidth="50" Name="canvas1"></Canvas>它里面的控件比如放一个button,则:    <Button Canvas.Top="30" Canvas.Left="10">Hello World</Button>

    二 DockPanel英文的意思是锚的意思锚定的意思语法: <DockPanel MinHeight="50" MinWidth="50" Name="dockPanel1" > </DockPanel>它里面的控件:<Menu DockPanel.Dock="Top">  <MenuItem Header="sads"></MenuItem></Menu>其他的如果控件没写DockPanel.Dock则分享剩余的DockPanel 位置

    三 StackPanel英文的意思就是堆放的意思按照顺序放控件 不用调位置,自动对齐语法:  <StackPanel Orientation="Horizontal" MinHeight="50" MinWidth="50" Name="stackPanel1" >   </StackPanel>Orientation="Horizontal" 为排列方式它里面的控件:    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>3个按钮自己从左到右排列

    四 Grid表格的意思它可以将界面变成几行几列,很象HTML里的Table

      <Grid Height="200" Name="grid1" ShowGridLines="True" Grid.IsSharedSizeScope="True" >    <Grid.ColumnDefinitions ></Grid.ColumnDefinitions>    <Grid.RowDefinitions></Grid.RowDefinitions>        <Button Grid.Column="2" Grid.Row="2" Margin="10">111</Button>    <Button Grid.Column="1" Grid.Row="1" Margin="20">2</Button>  </Grid>

    定义列宽度<Grid.ColumnDefinitions ></Grid.ColumnDefinitions>

    定义列高度  <Grid.RowDefinitions></Grid.RowDefinitions>

    五 WarpPanel自动调整行和列  <WrapPanel MinHeight="50" MinWidth="50" Name="wrapPanel1" >    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>    <Button>1</Button>  </WrapPanel>

    六 ViewBox与ScollViewer前者是按照窗口大小自动调整里面的东西的大小,后者是产生滚动条 


    最新回复(0)