如何突出显示网格控件的边框线

问题描述：

我写了一些代码以便将100 x 100个单元格添加到网格中。问题是我想突出显示划分网格的行/列的行。如何突出显示网格控件的边框线

我应该使用哪些属性，或者我该怎么做？

贝娄是一个用于创建网格单元代码：

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 

     for (int i = 0; i < 100 ; i++) 

      layoutGrid.RowDefinitions.Add(new RowDefinition { }); 
     for (int i = 0; i < 100; i++) 
      layoutGrid.ColumnDefinitions.Add(new ColumnDefinition { }); 

    } 
}

我不确定我是否理解你的问题，但我认为网格控件的ShowGridLines属性不是解决方案，对吧？ – michele 2012-02-03 10:01:22

ShowGridLines上的MSDN：启用网格线会在网格中的所有元素周围创建虚线。只有虚线可用，因为此属性旨在作为调试布局问题的设计工具，并不适用于生产质量代码。如果你想在一个Grid中使用线条，可以使Grid内的元素具有边框的风格。“你可能会更好用[DataGrid]（http://msdn.microsoft.com/zh-cn/library/system .windows.controls.datagrid（v = VS.95）的.aspx）？ – Clemens 2012-02-03 10:04:57

答

有几种方法可以尝试。如果您在Grid.cs看看，看到Brushes.Blue & Brushes.Yellow纯色组成你看，当你在下面的源使ShowGridLines =“真”破折号？您可以将它们设置为不同的颜色（使它们具有相同的颜色，而不必像Brushes.Gray那样对其进行编辑，或者可以省略短划线，绘制一条线，甚至可以使用自定义画笔资源，如梯度。

/// <summary> 
    /// Helper to render grid lines. 
    /// </summary> 
    internal class GridLinesRenderer : DrawingVisual 
    { 
     /// <summary> 
     /// Static initialization 
     /// </summary> 
     static GridLinesRenderer() 
     { 
      s_oddDashPen = new Pen(Brushes.Blue, c_penWidth); 
      DoubleCollection oddDashArray = new DoubleCollection(); 
      oddDashArray.Add(c_dashLength); 
      oddDashArray.Add(c_dashLength); 
      s_oddDashPen.DashStyle = new DashStyle(oddDashArray, 0); 
      s_oddDashPen.DashCap = PenLineCap.Flat; 
      s_oddDashPen.Freeze(); 

      s_evenDashPen = new Pen(Brushes.Yellow, c_penWidth); 
      DoubleCollection evenDashArray = new DoubleCollection(); 
      evenDashArray.Add(c_dashLength); 
      evenDashArray.Add(c_dashLength); 
      s_evenDashPen.DashStyle = new DashStyle(evenDashArray, c_dashLength); 
      s_evenDashPen.DashCap = PenLineCap.Flat; 
      s_evenDashPen.Freeze(); 
     }

或者有一招您可以在XAML显示做（因为我已经打了一个例子一起在别的地方过去后），您采取边境控制一组BorderBrush &了borderThickness和跨度像这个例子一样，在单元格的增量边框&列;

<Border Height="300" Width="300" Background="White" BorderThickness="1" BorderBrush="Gray"> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="30"/> 
       <ColumnDefinition Width="30"/> 
       <ColumnDefinition Width="30"/> 
       <ColumnDefinition Width="30"/>    
       <ColumnDefinition Width="30"/> 
       <ColumnDefinition Width="30"/>    
       <ColumnDefinition Width="30"/> 
       <ColumnDefinition Width="30"/>    
       <ColumnDefinition Width="30"/> 
       <ColumnDefinition Width="30"/> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="30"/> 
      </Grid.RowDefinitions> 
      <!-- Horizontal Accent Lines --> 
      <Border Grid.ColumnSpan="10" BorderThickness="0,1" BorderBrush="Gray"/> 
      <Border Grid.Row="2" Grid.ColumnSpan="10" BorderThickness="0,1" BorderBrush="Gray"/> 
      <Border Grid.Row="4" Grid.ColumnSpan="10" BorderThickness="0,1" BorderBrush="Gray"/> 
      <Border Grid.Row="6" Grid.ColumnSpan="10" BorderThickness="0,1" BorderBrush="Gray"/> 
      <Border Grid.Row="8" Grid.ColumnSpan="10" BorderThickness="0,1" BorderBrush="Gray"/> 
      <!-- Vertical Accent Lines --> 
      <Border Grid.Column="1" Grid.RowSpan="10" BorderThickness="1,0" BorderBrush="Gray"/> 
      <Border Grid.Column="3" Grid.RowSpan="10" BorderThickness="1,0" BorderBrush="Gray"/> 
      <Border Grid.Column="5" Grid.RowSpan="10" BorderThickness="1,0" BorderBrush="Gray"/> 
      <Border Grid.Column="7" Grid.RowSpan="10" BorderThickness="1,0" BorderBrush="Gray"/> 
      <Border Grid.Column="9" Grid.RowSpan="10" BorderThickness="1,0" BorderBrush="Gray"/> 
      <!-- Content Elements --> 
      <TextBlock Text="1" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
      <TextBlock Text="2" Grid.Column="5" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
      <TextBlock Text="3" Grid.Row="2" Grid.Column="9" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
      <TextBlock Text="4" Grid.Row="4" Grid.Column="3" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
      <TextBlock Text="5" Grid.Row="8" Grid.Column="7" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
     </Grid> 
     </Border>

或使用XAML for DataGrid;

<Window.Resources> 
     <SolidColorBrush x:Key="RedGridLine" Color="#FFFF4444" /> 
     <SolidColorBrush x:Key="BlueGridLine" Color="#554444FF"/> 
    </Window.Resources> 

    <my:DataGrid VerticalGridLinesBrush="{StaticResource RedGridLine}" 
      HorizontalGridLinesBrush="{StaticResource BlueGridLine}" >

希望这会有所帮助，祝你好运！

如何突出显示网格控件的边框线

相关推荐