如何为Grid控件的指定行设置背景色？

你说得对，直接给Grid设置Background会让整个网格都染上颜色。要单独给某一行加背景，核心思路是：Grid的RowDefinition本身没有Background属性，我们需要在目标行内放置一个能铺满整行的元素，把它作为该行的背景层，这样既不会影响其他行，也不会遮挡该行内的其他控件。

下面是两种最常用的实现方式：

方法1：使用Border（推荐，支持更多样式） #

Border是最灵活的选择，它不仅能设置背景色，还支持圆角、边框等额外样式。只需要给它指定目标行、让它横跨所有列，并把它放在底层即可。

示例代码：

<Grid Width="300">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="50"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <!-- 给第0行（第一行）添加黄色背景 -->
    <Border Grid.Row="0" Grid.ColumnSpan="2" Background="Yellow" Panel.ZIndex="-1"/>
    <!-- 第0行的内容控件 -->
    <TextBlock Grid.Row="0" Grid.Column="0" Text="用户名："/>
    <TextBox Grid.Row="0" Grid.Column="1" Text="Farid"/>

    <!-- 第1行无背景，直接放内容 -->
    <TextBlock Grid.Row="1" Grid.Column="0" Text="邮箱："/>
    <TextBox Grid.Row="1" Grid.Column="1" Text="example@xxx.com"/>

    <!-- 给第2行（第三行）添加浅蓝色背景 -->
    <Border Grid.Row="2" Grid.ColumnSpan="2" Background="LightBlue" Panel.ZIndex="-1"/>
    <!-- 第2行的内容控件 -->
    <Button Grid.Row="2" Grid.ColumnSpan="2" Content="提交"/>
</Grid>

方法2：使用Rectangle（更轻量） #

如果不需要额外样式，用Rectangle会更简洁，原理和Border完全一致：

<!-- 给第0行添加黄色背景 -->
<Rectangle Grid.Row="0" Grid.ColumnSpan="2" Fill="Yellow" Panel.ZIndex="-1"/>

关键注意事项 #

• Grid.Row的索引是从0开始计数的，别把行号搞错了
• Grid.ColumnSpan必须设置为Grid的总列数，否则背景只会覆盖某一列
• Panel.ZIndex="-1"是让背景元素处于其他控件的下方，避免遮挡内容；如果该行没有其他控件，这个属性可以省略

内容的提问来源于stack exchange，提问作者Farid