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>
目录
相关文章
|
8月前
|
容器
Grid网格布局
Grid网格布局
|
3天前
|
Python
tkinter之grid布局
tkinter之grid布局
26 1
|
10月前
echarts图例legend实现默认选中显示状态的解决方案
echarts图例legend实现默认选中显示状态的解决方案
214 0
|
10月前
|
容器
echarts的grid——图表的位置配置
echarts的grid——图表的位置配置
465 1
6.WrapPanel面板和DockPanel面板
6.WrapPanel面板和DockPanel面板
53 0
|
前端开发 容器
Grid网格布局学习笔记
Grid网格布局学习笔记
78 0
Grid网格布局学习笔记
|
前端开发 容器
Grid布局使用方法
Grid布局使用方法
101 0
Grid布局使用方法
Qt 在控件上面绘图 label,pushbutton。。。。。
最近有点时间,就研究研究Qt ,提升一下自己
217 0
Qt 在控件上面绘图 label,pushbutton。。。。。
|
前端开发 Android开发
如何操作SAP UI5应用Footer区域工具栏按钮的背景颜色
如何操作SAP UI5应用Footer区域工具栏按钮的背景颜色
129 0
如何操作SAP UI5应用Footer区域工具栏按钮的背景颜色