7.Grid面板

简介: 7.Grid面板
<Grid ShowGridLines="True">
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button Grid.Column="0" Grid.Row="0">Top Left</Button>
        <Button Grid.Column="1" Grid.Row="0">Meddle center</Button>
        <Button Grid.Column="1" Grid.Row="1">Bottom Meddle</Button>
        <Button Grid.Column="2" Grid.Row="1">Meddle Right</Button>
    </Grid>
  <Grid ShowGridLines="True" UseLayoutRounding="True">
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button Grid.Column="0" Grid.Row="0" >Top Left</Button>
        <Button Grid.Column="1" Grid.Row="0" Grid.ColumnSpan="2">Meddle center</Button>
        <Button Grid.Column="1" Grid.Row="1">Bottom Meddle</Button>
        <Button Grid.Column="2" Grid.Row="1">Meddle Right</Button>
    </Grid>

分割窗口

 <Grid  UseLayoutRounding="True">
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition Width="auto"></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button Grid.Column="0" Grid.Row="0" >Top Left</Button>
        <Button Grid.Column="2" Grid.Row="0" Grid.ColumnSpan="2">Meddle center</Button>
        <GridSplitter Grid.Row="0" Grid.Column="1" Grid.RowSpan="2" Width="3" HorizontalAlignment="Center" VerticalAlignment="Stretch" ShowsPreview="False"></GridSplitter>
        <Button Grid.Column="2" Grid.Row="1">Bottom Meddle</Button>
        <Button Grid.Column="3" Grid.Row="1" >Meddle Right</Button>
    </Grid>
目录
相关文章
|
容器
Grid网格布局
Grid网格布局
|
6月前
|
Python
tkinter之grid布局
tkinter之grid布局
49 1
|
4月前
|
前端开发 开发者 SEO
|
容器
echarts的grid——图表的位置配置
echarts的grid——图表的位置配置
842 1
6.WrapPanel面板和DockPanel面板
6.WrapPanel面板和DockPanel面板
69 0
5.使用StackPanel面板进行简单布局
5.使用StackPanel面板进行简单布局
68 0
|
前端开发 容器
Grid网格布局学习笔记
Grid网格布局学习笔记
94 0
Grid网格布局学习笔记
|
前端开发 容器
Grid布局使用方法
Grid布局使用方法
134 0
Grid布局使用方法
vs code修改左侧栏字体大小
vs code修改左侧栏字体大小
588 0
vs code修改左侧栏字体大小