Wie markieren die Grenzlinien, von einem Grid-control

Ich schrieb einige code, um zusätzlich 100 x 100 Zellen auf einem raster. Die Sache ist, dass ich möchte hervorheben, dass die Linien, die aufgeteilt die Zeilen/Spalten des Rasters.

Welche Eigenschaften sollte ich verwenden, oder wie soll ich das machen?

Balg ist der code für das erstellen der grid-Zellen :

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 { });

    }
}

Ich bin mir nicht sicher, ich habe Recht verstehe Ihre Frage, aber ich denke, dass die ShowGridLines Eigenschaft des grid-Steuerelement ist keine Lösung, richtig?
MSDN auf ShowGridLines: Enabling grid lines creates dotted lines around all the elements within a Grid. Only dotted lines are available because this property is intended as a design tool to debug layout problems and is not intended for use in production quality code. If you want lines inside a Grid, style the elements within the Grid to have borders. Wäre es nicht eventuell besser mit einem DataGrid?

InformationsquelleAutor Simon | 2012-02-03

wpf wpf-controls

Gibt es ein paar Möglichkeiten, die Sie ausprobieren können. Wenn Sie einen Blick auf Raster.cs finden Sie in der Bürsten.Blau & Bürsten.Gelb solide Farben der Striche Sie sehen, wenn Sie aktivieren ShowGridLines="True" in der Quelle unten? Sie können diese über zu einer anderen Farbe (machen Sie beide die gleiche Farbe nicht zu haben, um es zu Bearbeiten viel wie Bürsten.Grau, oder kann man den Bindestrich weglassen, zeichnen Sie eine einzige Linie, und konnte sogar mit einem benutzerdefinierten Pinsel Ressource wie ein Farbverlauf.

 ///<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(); 
        }

Oder es gibt einen trick Sie tun können, gezeigt in XAML (da hatte ich schon schlug ein Beispiel zusammen für einen letzten post an anderer Stelle), wo Sie einen Grenzkontrolle mit einem Satz BorderBrush & BorderThickness und span inkrementelle Grenzen über die Zellen & Spalten wie in diesem Beispiel;

<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>

Oder mit XAML für 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}" >

Hoffe das hilft und viel Glück!

InformationsquelleAutor Chris W.

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.