1. 程式人生 > 其它 >WPF繪製表格

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