zoukankan      html  css  js  c++  java
  • 用 Grid 数据绑定

     Grid - 表格式布局模式
                    Grid.RowDefinitions - 用于定义 Grid 中的行
                    Grid.ColumnDefinitions - 用于定义 Grid 中的列
                    Grid.ShowGridLines - 显示网格
            
                    Grid.Row - 控件所在的 Grid 的行的索引
                    Grid.Column - 控件所在的 Grid 的列的索引
                    Grid.RowSpan - 合并行。 控件所在行,以及控件所在行之后的需要连续合并的行的总行数
                    Grid.ColumnSpan - 合并列。 控件所在列,以及控件所在列之后的需要连续合并的列的总列数
            
                    Width - 宽度
                    MinWidth - 最小宽度
                    MaxWidth - 最大宽度
                    Height - 高度
                    MinHeight - 最小高度
                    MaxHeight - 最大高度

    DEMO:

    用来显示用户信息,XAML如下:

    <Grid x:Name="LayoutRoot" Background="White" ShowGridLines="True">
                    
                    <Grid.RowDefinitions>
                            <RowDefinition Height="50" />
                            <RowDefinition Height="3*" />
                            <RowDefinition Height="7*" />
                            <RowDefinition Height="*" MinHeight="200" MaxHeight="500" />
                            <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    
                    <Grid.ColumnDefinitions>
                            <ColumnDefinition />
                            <ColumnDefinition />
                            <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    
                    <TextBox Grid.Row="0" Grid.Column="0" Background="red" Text="abc" />
                    <TextBox Grid.Row="0" Grid.Column="1" Background="red" Text="abc" Grid.ColumnSpan="2" HorizontalAlignment="Center" />
                    <TextBox Grid.Row="1" Grid.Column="0" Background="red" Text="abc" />
                    <TextBox Grid.Row="1" Grid.Column="1" Background="red" Text="abc" Grid.ColumnSpan="2" HorizontalAlignment="Center" />
                    <TextBox Grid.Row="2" Grid.Column="0" Background="red" Text="abc" />
                    <TextBox Grid.Row="2" Grid.Column="1" Background="red" Text="abc" Grid.RowSpan="2" VerticalAlignment="Bottom" />
                    <TextBox Grid.Row="2" Grid.Column="2" Background="red" Text="abc" />
                    <TextBox Grid.Row="3" Grid.Column="2" Background="red" Text="abc" />
                    <TextBox Grid.Row="4" Grid.Column="2" Background="red" Text="abc" />
                    
            </Grid> 
            

  • 相关阅读:
    Hbuilder连接第3方模拟器(夜神)
    localStorage H5本地存储
    各种经典教程的收集分享
    laravel学习教程整理
    js-打地鼠游戏开发
    我的文件备份
    jQuery Ajax 简单的实现跨域请求
    HTML如何编写为桌面程序
    js调用打印机
    js base64加密解密
  • 原文地址:https://www.cnblogs.com/zgaspnet/p/2074109.html
Copyright © 2011-2022 走看看