WPF绘制表格

 

在WPF Grid中,宽度=*高度=*表示比例大小。

例如:给30%到第1列和70%到第2列 -

 < ColumnDefinition Width =3 */> < ColumnDefinition Width =7 */>  
 <!--WPF绘制表格并插入值-->
    <Grid>
        <!--Grid.RowDefinitions:将Grid分行-->
        <Grid.RowDefinitions>
            <RowDefinition Height="60*"/>
            <RowDefinition Height="60*"/>
            <RowDefinition Height="60*"/>
            <RowDefinition Height="60*"/>
            <RowDefinition Height="60*"/>
            <RowDefinition Height="60*"/>
        </Grid.RowDefinitions>
        <!--Grid.ColumnDefinitions:将Grid分列-->
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100*"/>
            <ColumnDefinition Width="100*"/>
            <ColumnDefinition Width="100*"/>
            <ColumnDefinition Width="100*"/>
            <ColumnDefinition Width="100*"/>
        </Grid.ColumnDefinitions>
        <!--Border:给需要显示的单元格画边框-->
        <!--Grid.ColumnSpan:占据的列数; Grid.RowSpan:占据的行数;-->
        <!--BorderThickness="1",给BorderThickness只赋值一个值,这时候Border,上下左右边框的粗细都是1。
                 如果不想显示哪一边,就把那一边粗细设置为0.如BorderThickness="0,0,1, 0",这时候左、上、下都不会显示,只有右边才会显示。-->
        <Border Grid.Row="0" Grid.Column="1" Grid.RowSpan="3" Grid.ColumnSpan="2" BorderBrush="Chocolate" BorderThickness="1"/>
        <Border Grid.Row="0" Grid.Column="1" Grid.RowSpan="3" Grid.ColumnSpan="1" BorderBrush="Red" BorderThickness="0,0,1,0"/>
        <Border Grid.Row="0" Grid.Column="1" Grid.RowSpan="1" Grid.ColumnSpan="2" BorderBrush="Black" BorderThickness="0,0,0,1"/>
        <Border Grid.Row="1" Grid.Column="1" Grid.RowSpan="1" Grid.ColumnSpan="2" BorderBrush="Yellow" BorderThickness="0,0,0,1"/>
        <Border Grid.Row="2" Grid.Column="0" Grid.RowSpan="1" Grid.ColumnSpan="2" BorderBrush="Green" BorderThickness="0,0,0,1"/>
        <!--在对应表格中填值-->
        <TextBlock Grid.Row="0" Grid.Column="1" Text="第一行第二列"/>
        <TextBlock Grid.Row="1" Grid.Column="1" Text="第二行第二列"/>
        <TextBlock Grid.Row="2" Grid.Column="1" Text="第三行第二列"/>

        <TextBlock Grid.Row="0" Grid.Column="2" Text="第一行第三列"/>
        <TextBlock Grid.Row="1" Grid.Column="2" Text="第二行第三列"/>
        <TextBlock Grid.Row="2" Grid.Column="2" Text="第三行第三列"/>
        <!--插入Textbox,同理可以插入botton-->
        <!--<TextBox  Grid.Row="2" Grid.Column="2" Name="hangsu" VerticalAlignment="Top" BorderBrush="Chocolate" BorderThickness="0,0,1,0"  />-->


    </Grid>

  

 

https://blog.csdn.net/Dengxxxx/article/details/107542741

posted on 2022-05-20 11:32  越哲  阅读(976)  评论(0)    收藏  举报

导航