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

Bearbeitet:

Um einem Steuerelement einen Rand zu geben, können Sie das Steuerelement mit einem Rahmen wie folgt umgeben

Answer 2

Ich hatte vor Kurzem ein ähnliches Problem in einem Raster mit zwei Spalten, ich brauchte einen Rand nur auf Elementen in der rechten Spalte. Alle Elemente in beiden Spalten waren vom Typ TextBlock.

        <Style.Triggers>
            <Trigger Property="Grid.Column" Value="1">
                <Setter Property="Margin" Value="20,0" />
            </Trigger>
        </Style.Triggers>

Answer 3

Ich habe es gerade jetzt mit einem meiner Rastersysteme gemacht.

• Zuerst wenden Sie den gleichen Rand auf jedes Element innerhalb des Rasters an. Dies können Sie manuell, mit Styles oder wie auch immer Sie möchten. Angenommen, Sie möchten einen horizontalen Abstand von 6px und einen vertikalen Abstand von 2px. Dann fügen Sie jedem Kind des Rasters Margen von "3px 1px" hinzu.
• Dann entfernen Sie die um das Raster herum erstellten Ränder (wenn Sie die Grenzen der Steuerelemente innerhalb des Rasters auf die gleiche Position des Rasters ausrichten möchten). Setzen Sie dazu einen Rand von "-3px -1px" auf das Raster. Auf diese Weise werden andere Steuerelemente außerhalb des Rasters mit den äußersten Steuerelementen innerhalb des Rasters ausgerichtet.

Answer 4

Ich bin kürzlich auf dieses Problem gestoßen, während ich einige Software entwickelte, und es fiel mir ein, zu fragen WARUM? Warum haben sie das getan...die Antwort war direkt vor mir. Eine Datenzeile ist ein Objekt, also wenn wir die Objektorientierung beibehalten, sollte das Design für eine bestimmte Zeile getrennt sein (stellen Sie sich vor, Sie müssen die Zeilenanzeige später in der Zukunft wiederverwenden). Also begann ich, datengebundene Stapel und benutzerdefinierte Steuerelemente für die meisten Datenanzeigen zu verwenden. Listen sind gelegentlich aufgetreten, aber meistens wurde das Raster nur für die primäre Seitenaufteilung verwendet (Header, Menübereich, Inhaltsbereich, andere Bereiche). Ihre benutzerdefinierten Objekte können problemlos alle Abstandsanforderungen für jede Zeile im Stapel oder Gitter verwalten (eine einzelne Gitterzelle kann das gesamte Zeilenobjekt enthalten. Dies hat auch den zusätzlichen Vorteil, richtig auf Änderungen in der Ausrichtung, Erweiterungen/Komprimierungen usw. zu reagieren.

oder

Ihre benutzerdefinierten Steuerelemente erben auch den DataContext, wenn Sie Datenbindung verwenden...mein persönlicher Lieblingsvorteil dieses Ansatzes.

Answer 5

Eine Möglichkeit wäre, feste Breiten für Zeilen und Spalten hinzuzufügen, die als padding / margin fungieren, nach dem Sie suchen.

Sie könnten auch in Betracht ziehen, dass Sie durch die Größe Ihres Containers eingeschränkt sind und ein Raster so groß wird wie das enthaltende Element oder seine festgelegte Breite und Höhe. Sie könnten einfach Spalten und Zeilen ohne festgelegte Breite oder Höhe verwenden. Auf diese Weise werden sie standardmäßig gleichmäßig den gesamten Platz im Raster aufteilen. Dann wäre es nur noch eine Frage, Ihre Elemente vertikal und horizontal in Ihrem Raster zu zentrieren.

Ein weiterer Weg könnte sein, alle Rasterelemente in einem festen einzelnen Raster mit fester Breite und fester Höhe zu umschließen. Ihr Raster enthält dann Kästchen mit fester Breite / Höhe, die Ihre tatsächlichen Elemente enthalten.