zoukankan      html  css  js  c++  java
  • WPF中的容器控件——Grid

    网格布局

    123123 123123123 123123 123123 123123123
    123123 123123 123123 123123 123123
    123123 1231231 123123 123123 123123
    123123 123123 123123 123123 123123
    123123 12312 312312   123123

    实际应用中应该少不了网格布局,grid布局的特点:

    1.每个grid中可以放多个控件,而且控件可以层叠在一期。

    2.单元格的合并类似于HTML中的rowspan,colspan。

    3.单元格可以设置宽度和高度。一种方法是直接设置数值,另一种方法是在数值后面加个“*”,加上“*”表示该值随着窗口大小的改变而成比例的改变(比例缩放)。

     <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="60" />
                <RowDefinition Height="330*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Button Content="Button" Grid.Row="0" Grid.Column="0" Height="30"  Name="button1" VerticalAlignment="Top" />
            <Button Content="Button" Grid.Row="0" Grid.Column="0" Height="30"  Name="button2" VerticalAlignment="Bottom"/>
            <Button Content="Button" Grid.Row="0" Grid.Column="1" Name="button3"/>
            <Button Content="Button" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Name="button4"/>
        </Grid>

    这一段代码就是定义了两行两列的Grid但是第二行的控件跨了两列,正如上面所说的类似于HTML columnspan、rowspan十分方便。

    需要注意的是VerticalAlignment对齐方式被广泛应用,其意义是相同的。

    提供者:www.kmuser.com

  • 相关阅读:
    【 React
    vue : 无法加载文件 C:UsersXXXAppDataRoaming pmvue.ps1,因为在此系统上禁止运行脚本
    web前端工程化
    node.js读写文件
    gulp简单使用
    在window里面安装ubuntu子系统并安装图形化界面
    节点操作--JavaScript
    【jQuery中css(),attr()和prop区别】
    【animation和transtion】
    【网络状态反馈码】
  • 原文地址:https://www.cnblogs.com/dagedan/p/2740936.html
Copyright © 2011-2022 走看看