Wie Sie eine WPF-Fenster Reaktionsschnell Weg

Ich bin mit Expression Blend und begann einfach mit WPF.

Ich versuche um ein Fenster zu reagieren Fenster, die Platz für mehrere Raster und werden neu Größe wie pro die Größe des Fensters auf ein minimum Breite.

Wird es werden wie:

Wie Sie eine WPF-Fenster Reaktionsschnell Weg

Mein Code Bisher:

<Window x:Class="Blend.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" WindowState="Maximized">
<Grid>
<Border CornerRadius="5" BorderBrush="RoyalBlue" BorderThickness="1" 
                Padding="5" HorizontalAlignment="Left" Margin="20,10,0,0" 
                VerticalAlignment="Top" Height="211.5" Width="484.5">
<Grid Background="#FFEDF3F8">

</Grid>
</Border>
<Border CornerRadius="5" BorderBrush="RoyalBlue" BorderThickness="1" 
    Padding="5" Margin="523.333,10,16.334,283.5">
    <Grid Background="#FFEDF3F8"/>
</Border>
<Border CornerRadius="5" BorderBrush="RoyalBlue" BorderThickness="1" 
    Padding="5" Margin="21.333,234,16.334,144">
    <Grid Background="#FFEDF3F8"/>
</Border>
<Border CornerRadius="5" BorderBrush="RoyalBlue" BorderThickness="1" 
    Padding="5" Margin="21.333,372,16.334,31.5">
    <Grid Background="#FFEDF3F8"/>
</Border>
<Button Content="Button" HorizontalAlignment="Left" Margin="626.833,478.5,0,0"
 VerticalAlignment="Top" Width="49" Background="#FF00458C"/>
<Button Content="Button" HorizontalAlignment="Left" Margin="693.166,478.5,0,0" 
VerticalAlignment="Top" Width="49" Background="#FF00458C"/>
</Grid>
</Window>

Habe ich versucht 2 Dinge, die Man hier ist Margin und andere wird Über 'Ausrichtungen' mit Width und Height.

Nicht sicher, was löst meine Zwecke und zweitens wird es reagieren auf die Bildschirmgröße oder nicht.

Habe ich Gelesen, Dynamische Gitter verwenden * aber das scheint nicht zu funktionieren hier.

Dank,

  • Definieren Sie die Spalten und Zeilen des Rasters(s). Haben Sie Lesen Sie die online-Dokumentation? Es ist ein Beispiel.
  • aber was ist, wenn ich nicht wollen, zu tun, dass n definieren Sie einfach die ganze Gitter? Ja, @Clemens, ich habe geprüft, die.
  • Wie Sie sehen können, ich bin auch jedes Gitter in einem Rahmen und dann versuchen, die Breite/Höhe auf, die sonst Grenze und Gitter sind nicht immer richtig angesehen.
InformationsquelleAutor Arijit Mukherjee | 2014-07-23
  1. 22

    Du bist nicht mit dem raster in der richtigen Art und Weise.

    WPF-Gitter haben eine Eigenschaft, die erlaubt das setzen von Spalten und Zeilen. Dann würde man Elemente innerhalb des Rasters und festlegen, in welcher Zeile/Spalte Sie gehen sollten.

    Natürlich können Sie Gitter im inneren Netz und so weiter.

    Können Sie dann mit dem Width="2*" und Dinge wie, dass zu machen, Spalten größer oder kleiner als andere, "effizient".

    Den code unten sollte Ihnen etwas "ähnlich" zu dem, was Sie versuchen zu erreichen.

    <Grid>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="2*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
        <RowDefinition />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <Grid Grid.Row="0"
          Grid.Column="0"
          Background="Red" />

    <Grid Grid.Row="0"
          Grid.Column="1"
          Background="Blue" />

    <Grid Grid.Row="1"
          Grid.Column="0"
          Grid.ColumnSpan="2"
          Background="Violet" />

    <Grid Grid.Row="2"
          Grid.Column="0"
          Grid.ColumnSpan="2"
          Background="Green" />

    <StackPanel Grid.Row="3"
                Grid.ColumnSpan="2"
                Orientation="Horizontal">
         <Button>OK</Button>
         <Button>Cancel</Button>
    </StackPanel>
</Grid>

    Können Sie spielen mit "*" und "Auto" für die Breite und Höhe der Spalten und Zeilen, "*" ist immer definiert als "eine Prozent" der aktuellen windows-Breite oder-Höhe. Wenn Sie eine Spalte mit "*" und eine mit "2*", die mit "2*" wird doppelt so groß, wie der nur mit "*", welches einen 2/3 1/3 Trennung.

    In der "Auto" bedeutet, dass es dauern wird, "die kleinere Breite oder Höhe, die es erlaubt zu zeigen, die innerhalb der Säule".

    • wird er reagieren, wie auch?
    • Wenn durch responsive du meinst, dass es neu zu ordnen, je nach Fenstergröße, dann ja. Es ist der richtige Weg, wie man dieses Verhalten mit Gitter.
    • Versuchen Sie auch, nicht zu viel Dinge in der XAML-Code verknüpft ist, wie die Elemente Aussehen sollen. Es ist ein bisschen wie HTML und CSS sind, können Sie Formatvorlagen erstellen und anwenden von Stilen auf die Elemente.
    • ja, können Sie mir einige Beispiele dafür, wie gut?
    • gibt es eine Möglichkeit, zu vermeiden, diese schriftlich everytime <Grid Grid.Row="0" Grid.Column="0" Background="Red" />
    • Grid.Row und Grid.Spalte angeschlossen sind Eigenschaften, Sie sind erforderlich, zu sagen, das Netz, die Zelle, um den Inhalt hinzufügen.
    • Grid.Row="0" und Raster.Spalte="0" ist nicht zwingend, weil es die Standardeinstellung, so dass, wenn Sie nicht gesetzt, werden die Elemente in der ersten Spalte, erste Zeile (aber ich möchte hinzufügen, dass Sie, weil es Ihnen direkt die info, wo der Punkt ist). Hintergrund ich habe in meinem Beispiel nur um zu sehen, wo die Netze gehen, so können Sie es entfernen. Über Stile, überprüfen Sie diese (erste google-Ergebnis...) Webseite: wpftutorial.net/Styles.html

    InformationsquelleAutor Gimly
  2. 0

    können Sie multi-Spalten-und multi-Zeile, die die Verwendung als bootstrap
    Sie können definieren, neue Steuerung mit dem Attribut grid.Zeile oder Stichelei.Spalte.

    <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Button Content="Button" Grid.Column="1" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Top" Width="75"/>
    <Button Content="Button" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Top" Width="75"/>
</Grid>
    InformationsquelleAutor mohammadreza gohari
Schreibe einen Kommentar