Назначение границы для каждой сетку строки

Question

В настоящее время я устанавливаю фон на каждую сетку строку по отдельности:

<Grid> 
    <Grid.RowDefinitions><RowDefinition /><RowDefinition /></Grid.RowDefinitions> 
    <Grid.ColumnDefinitions><ColumnDefinition /><ColumnDefinition /><ColumnDefinition /><ColumnDefinition /><ColumnDefinition /><ColumnDefinition /></Grid.ColumnDefinitions> 

    <Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="6" Height="24" BorderBrush="#FF252A30" CornerRadius="10" BorderThickness="1"> 
     <Border.Background> 
      <LinearGradientBrush EndPoint="1.036,0.367" StartPoint="-0.194,0.362"> 
       <GradientStop Color="#AAE098" Offset="0.1"/> 
       <GradientStop Color="#D5E9D4" Offset="0.9"/> 
      </LinearGradientBrush> 
     </Border.Background> 
    </Border> 

    <Border Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="6" Height="24" BorderBrush="#FF252A30" CornerRadius="10" BorderThickness="1"> 
     <Border.Background> 
      <LinearGradientBrush EndPoint="1.036,0.367" StartPoint="-0.194,0.362"> 
       <GradientStop Color="#AAE098" Offset="0.1"/> 
       <GradientStop Color="#D5E9D4" Offset="0.9"/> 
      </LinearGradientBrush> 
     </Border.Background> 
    </Border> 
</Grid> 

Конечно, должен быть каким-то образом установить эту границу один раз для всех строк. Как это делается?

Спасибо!

Answer 1

Вы можете вытащить эту границу в ресурс многократного использования, но я подозреваю, что вы действительно пытаетесь сделать, это создать GridView.

Answer 2

Вы можете просто установить Background недвижимость на Grid. Если есть общность между границей которой вы обращаетесь к разным строкам, вы можете создать стиль по умолчанию (и при желании ограничить сферу применения этого стиля самого Grid):

XAML

<Grid> 
    <Grid.Resources> 
     <Style TargetType="{x:Type Border}"> 
      <!-- All rows --> 
      <Setter Property="BorderBrush" Value="Black" /> 
      <Setter Property="BorderThickness" Value="2" /> 
      <Setter Property="CornerRadius" Value="5" /> 
     </Style> 
    </Grid.Resources> 

    <Grid.RowDefinitions> 
     <RowDefinition /> 
     <RowDefinition /> 
     <RowDefinition /> 
    </Grid.RowDefinitions> 

    <Border Grid.Row="0"> 
     <TextBlock Text="This row has a black border (default)." /> 
    </Border> 

    <Border BorderBrush="Red" Grid.Row="1"> 
     <TextBlock Text="This row has a red border." /> 
    </Border> 

    <Border BorderBrush="Green" BorderThickness="4" Grid.Row="2"> 
     <TextBlock Text="This has a thick green border." /> 
    </Border> 

</Grid> 

По умолчанию Style, дополнительное свойство не должно быть установлено в вашей строке Border, чтобы получить представление по умолчанию (строка выше). Если определенная строка нуждается в настройке внешнего вида, просто добавьте дополнительные свойства на Border, чтобы переопределить те, которые установлены по умолчанию Style (строки два и три выше). Если этот метод применяется к нескольким представлениям в вашем приложении, вы можете извлечь этот стиль в отдельный файл ResourceDictionary и просто слить его, когда это необходимо.

Надеюсь, это поможет!

Answer 3

Или вы могли бы использовать эту сетку, которую я только что сделал. Он автоматически добавит границу в каждую ячейку сетки. Это результат:

C#:

using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Media; 

namespace GridWithBorder 
{ 
    public class BorderGrid : Grid 
    { 
     protected override void OnRender(DrawingContext dc) 
     { 
      double leftOffset = 0; 
      double topOffset = 0; 
      Pen pen = new Pen(Brushes.Black, 3); 
      pen.Freeze(); 

      foreach (RowDefinition row in this.RowDefinitions) 
      { 
       dc.DrawLine(pen, new Point(0, topOffset), new Point(this.ActualWidth, topOffset)); 
       topOffset += row.ActualHeight; 
      } 
      // draw last line at the bottom 
     dc.DrawLine(pen, new Point(0, topOffset), new Point(this.ActualWidth, topOffset)); 

      //foreach (ColumnDefinition column in this.ColumnDefinitions) 
      //{ 
      // dc.DrawLine(pen, new Point(leftOffset, 0), new Point(leftOffset, this.ActualHeight)); 
      // leftOffset += column.ActualWidth; 
      //} 
      // draw last line on the right 
      //dc.DrawLine(pen, new Point(leftOffset, 0), new Point(leftOffset, this.ActualHeight)); 

      base.OnRender(dc); 
     } 
    } 
} 

XAML:

<Window x:Class="GridWithBorder.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:GridWithBorder" 
     Title="MainWindow" Height="350" Width="525"> 
    <local:BorderGrid> 
     <local:BorderGrid.RowDefinitions> 
      <RowDefinition /> 
      <RowDefinition /> 
      <RowDefinition /> 
     </local:BorderGrid.RowDefinitions> 
     <local:BorderGrid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
     </local:BorderGrid.ColumnDefinitions> 
     <Rectangle Grid.Row="0" Grid.Column="0" Fill="Red" Margin="5" /> 
     <Rectangle Grid.Row="0" Grid.Column="1" Fill="Blue" Margin="5" /> 
     <Rectangle Grid.Row="0" Grid.Column="2" Fill="Orange" Margin="5" /> 
     <Rectangle Grid.Row="0" Grid.Column="3" Fill="Red" Margin="5" /> 
     <Rectangle Grid.Row="1" Grid.Column="0" Fill="Yellow" Margin="5" /> 
     <Rectangle Grid.Row="1" Grid.Column="1" Fill="Green" Margin="5" /> 
     <Rectangle Grid.Row="1" Grid.Column="2" Fill="Purple" Margin="5" /> 
     <Rectangle Grid.Row="1" Grid.Column="3" Fill="Green" Margin="5" /> 
     <Rectangle Grid.Row="2" Grid.Column="0" Fill="Orange" Margin="5" /> 
     <Rectangle Grid.Row="2" Grid.Column="1" Fill="Red" Margin="5" /> 
     <Rectangle Grid.Row="2" Grid.Column="2" Fill="Blue" Margin="5" /> 
     <Rectangle Grid.Row="2" Grid.Column="3" Fill="Red" Margin="5" /> 
    </local:BorderGrid> 
</Window>