WPF: Grid mit Spalte/Zeilenabstand/Rand?

Question

Ist es einfach möglich, in einem WPF-Raster einen Rand und/oder Abstand für Zeilen oder Spalten anzugeben?

Ich könnte natürlich zusätzliche Spalten hinzufügen, um Dinge zu trennen, aber das scheint eine Aufgabe für Padding/Margins zu sein (es wird das XAML viel einfacher machen). Hat jemand vom Standard-Raster abgeleitet, um diese Funktionalität hinzuzufügen?

Answer 1

Sie könnten Ihre eigene GridWithMargin-Klasse schreiben, die von Grid abgeleitet ist, und die Methode ArrangeOverride überschreiben, um die Ränder anzuwenden

Answer 2

Auch wenn Sie keinen Rand oder Abstand zu einem Raster hinzufügen können, könnten Sie etwas wie einen Frame (oder ähnlichen Container) verwenden, den Sie darauf anwenden können.

Auf diese Weise (wenn Sie z. B. die Steuerung durch einen Klick auf eine Schaltfläche anzeigen oder ausblenden), müssen Sie keinen Rand zu jeder Steuerung hinzufügen, die damit interagieren kann.

Denken Sie daran, die Gruppen von Steuerungen in Einheiten zu isolieren und dann Stil auf diese Einheiten anzuwenden.

Answer 3

Wie bereits erwähnt, erstellen Sie eine GridWithMargins-Klasse. Hier ist mein funktionierendes Codebeispiel

public class GridWithMargins : Grid
{
    public Thickness RowMargin { get; set; } = new Thickness(10, 10, 10, 10);
    protected override Size ArrangeOverride(Size arrangeSize)
    {
        var basesize = base.ArrangeOverride(arrangeSize);

        foreach (UIElement child in InternalChildren)
        {
            var pos = GetPosition(child);
            pos.X += RowMargin.Left;
            pos.Y += RowMargin.Top;

            var actual = child.RenderSize;
            actual.Width -= (RowMargin.Left + RowMargin.Right);
            actual.Height -= (RowMargin.Top + RowMargin.Bottom);
            var rec = new Rect(pos, actual);
            child.Arrange(rec);
        }
        return arrangeSize;
    }

    private Point GetPosition(Visual element)
    {
        var posTransForm = element.TransformToAncestor(this);
        var areaTransForm = posTransForm.Transform(new Point(0, 0));
        return areaTransForm;
    }
}

Verwendung:

Answer 4

In uwp (Windows10FallCreatorsUpdate Version und höher)

Answer 5

Manchmal ist der einfache Weg der beste. Fügen Sie einfach Leerzeichen zu Ihren Zeichenfolgen hinzu. Wenn es nur ein paar Textfelder usw. sind, ist dies bei weitem die einfachste Methode.

Sie können auch einfach leere Spalten/Zeilen mit fester Größe einfügen. Extrem einfach und Sie können es leicht ändern.