wpf-Strecke eine Linie, wenn die Größe des übergeordneten Leinwand

Habe ich eine vertikale Linie und eine horizontale, die ich möchte zu der Größe, wenn ich dynamisch die Größe meiner Leinwand Elternteil. (Grenzstein)

ich würde gerne die horizontale Linie immer 25 Weg von den linken und rechten Rand meiner Leinwand und 13 Weg von der unteren Grenze.

und das gleiche für die vertikale Linie 25 entfernt von der oberen und unteren Grenzen und 13 vom linken Rand.

Gibt es da eine einfache Lösung?
Kann ich meine Leinwand an eine andere Steuerung?

InformationsquelleAutor Julien | 2012-06-25
  1. 7

    Nur kleben die Linien in ein raster auf Ihre Leinwand zu bekommen, das richtige Verhalten

    <Grid Width="600" Height="600">
   <Canvas Background="LightBlue">
    //stuff here
   </Canvas>
   <Grid>
      <Rectangle Fill="Black" Height="1" 
         Stroke="Black" VerticalAlignment="Bottom" Margin="25,0,25,13"/>
      <Rectangle Fill="Black" 
         HorizontalAlignment="Left" Stroke="Black" Width="1" Margin="13,25,0,25"/>
   </Grid>
</Grid>
    • +1. Dies scheint der richtige Weg, dies zu tun für mich.
    • Viel klarere Lösung als bei der Verwendung von Umrichtern, obwohl ich würde empfehlen, eine Margin="25,0,0,25" auf den Inhalt Canvas-Bereich, um zu vermeiden, dass es ziehen auf der Oberseite der Linien
    • Vielleicht Zeichnung auf der Oberseite der Linien ist die Voraussetzung 🙂
    • thx für diese simple Antwort, es funktioniert Super!!!
    • und ich habe eingestellt, dass meine Marge um fit mit meiner Leinwand perfekt (ich habe den text für die Legende, die ich vergessen habe, zu erwähnen... ) Thx an alle für Eure schnellen Antworten!!!! ^^
    InformationsquelleAutor Dean Chalk
  2. 3

    Ich würde Converters auf der Grundlage der ActualHeight und ActualWidth Ihrer Canvas um die Höhe, Breite und position der Line Objekte

    Vermeiden, schreiben Sie eine Reihe von einzelnen Wandlern, ich habe eine MathConverter gepostet auf meinem blog, die verwendet werden können für alle Berechnungen.

    <Canvas x:Name="MyCanvas">

    <!-- Horizontal Line: 25 from each side, and 13 from bottom -->
    <!-- May need to adjust the Canvas.Top ConverterParameter based on Line height -->
    <Line Height="1"
          Canvas.Left="25"
          Canvas.Top="{Binding ElementName=MyCanvas, Path=ActualHeight, 
              Converter={StaticResource MathConverter}, 
              ConverterParameter=@VALUE-14}"
          Width="{Binding ElementName=MyCanvas, Path=ActualWidth, 
              Converter={StaticResource MathConverter}, 
              ConverterParameter=@VALUE-50}" ... />


    <!-- Vertical Line: 25 from top and bottom, and 13 from left -->
    <Line Canvas.Left="13" Canvas.Top="25"
          Height="{Binding ElementName=MyCanvas, Path=ActualHeight, 
              Converter={StaticResource MathConverter}, 
              ConverterParameter=@VALUE-50}" ... />

</Canvas>

    Weil diese alle Bindungen, Sie wird aktualisiert, wenn die gebundene Eigenschaft ändert (MyCanvas.ActualHeight und MyCanvas.ActualWidth)

    • deine Lösung scheint perfekt, ich kann sehen, dass die Linie die Grenzen, die passt perfekt in der vs-designer, aber die Linie bleibt transparent und wenn ich lanch die Anwendung, die lin estays transparent. Ich bin ein Neuling hier, also muss ich noch warten 8 Stunden zu Antworten auf meine Frage. Ich werde Ihnen zeigen, mein code im detail, wenn die Zeit kommt, und Suche auch von mir ^^
    • Vergessen Sie nicht, Ihre Linie eine Farbe und Dicke. Ich ließ Sie aus meinem code-Beispiel zu bleiben konzentrierte sich auf die Eigenschaften, die Auswirkungen auf die Positionierung und Größe.
    • und ich werde halten Sie Ihre Konverter scheint sehr nützlich und so einfach, mit zu arbeiten!! ich denke, ich werde haben, um es später zu verwenden, die im selben Projekt.
    • Ja, ich habe die Höhe, Strich-und StrokeThickness Eigenschaften meiner Linie 2, Weiße und 2, deshalb verstehe ich nicht, dieses Verhalten
    InformationsquelleAutor Rachel
  3. 1

    Verwenden Grid statt Canvas im Falle, dass Sie benötigen, um Margin.

    Für Ihre Zeilen, um Platz aus den borders, gehen Sie auf Eigenschaften und Verwendung Margin im Layout-Bereich setzen die Räume. Für Ihre horizontale Linie gesetzt, die VerticalAlignment zu Bottom und HorizontalAlignment zu Stretch. Die Marge wird 25,0,25,13 in diesem Fall.

    für Ihre vertikale Linie gesetzt, die VerticalAlignment zu Stretch eine der HorizontalAlignment zu Left. Marge sollte 13,25,0,25

    haben Glück

    • Froh war ich in der Lage, Ihnen zu helfen 😉
    InformationsquelleAutor Sebastian Krogull
Schreibe einen Kommentar