XAML：在每一行的底部插入虚线

Question

我目前正在使用 xaml 以及如何在网格标记中的每一行底部插入虚线。我能够使用下面的代码将其一一插入。

<Grid>

    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <Line Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="4" 
    X1="10" Y1="0"
    X2="1270" Y2="0"
    Stroke="White" StrokeDashArray="2, 2"
    StrokeThickness="2" />

    <Line Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="4" 
    X1="10" Y1="0"
    X2="1270" Y2="0"
    Stroke="White" StrokeDashArray="2, 2"
    StrokeThickness="2" />

   <Line Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="4" 
    X1="10" Y1="0"
    X2="1270" Y2="0"
    Stroke="White" StrokeDashArray="2, 2"
    StrokeThickness="2" />
</Grid>

但是，假设我的网格中有超过 50 行并且我不会一一插入行标记。有没有可能使用 grid.resource 样式标签来做到这一点？

Answer 1

let's say if I have more than 50 rows in my grid

这意味着你做错了什么。在这种情况下，您应该使用任何 ItemsControls。如果您确实需要包含 50 行的网格，您可以在 CodeBehind 的循环中添加虚线。假设您使用的是 MVVM，CodeBehind 仍然是修改 GUI 的合适位置。

XAML：在每一行的底部插入虚线

XAML: insert dashed line at the bottom of every row

wpf

xaml

styles

lines