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>
目录
相关文章
|
12月前
|
容器
Grid网格布局
Grid网格布局
|
4月前
|
Python
tkinter之grid布局
tkinter之grid布局
42 1
|
1月前
Echarts——如何默认选中图表并显示tooltip
Echarts——如何默认选中图表并显示tooltip
26 1
|
2月前
|
前端开发 开发者 SEO
|
容器
echarts的grid——图表的位置配置
echarts的grid——图表的位置配置
692 1
echarts图例legend实现默认选中显示状态的解决方案
echarts图例legend实现默认选中显示状态的解决方案
347 0
6.WrapPanel面板和DockPanel面板
6.WrapPanel面板和DockPanel面板
65 0
5.使用StackPanel面板进行简单布局
5.使用StackPanel面板进行简单布局
56 0
|
前端开发 容器
Grid网格布局学习笔记
Grid网格布局学习笔记
92 0
Grid网格布局学习笔记