Wie kann ich die Randseiten in XAML individuell gestalten?

Question

Wie kann ich die Grenze nur in XAMl von oben, links, rechts oder unten gestalten?

In CSS ist dies möglich mit Border-Top: ...

Answer 1

Die Grenze thicknes ist ein zusammengesetztes Eigentum der linken, oberen, rechten und unteren Dicken (die Differenz in der Reihenfolge von CSS bemerken). Wenn Sie nur einen Wert angeben, setzen Sie alle von ihnen, aber Sie können sie separat angeben:

BorderThickness="1,2,3,4" 

Answer 2

In XAML Sie Eigenschaft border nicht auf Elemente haben, wie Sie in CSS haben. Sie können jedoch ein <Border> Element verwenden und individuelle Stärken setzen genauso wie kann ich CSS (Sets links-rechts und von oben nach unten Randstärke):

<Border BorderBrush="Blue" BorderThickness="2,4"> 
    <TextBlock Text="Inside border"/> 
</Border> 

oder (Sets links, oben, rechts, unten Dicke) :

<Border BorderBrush="Blue" BorderThickness="1,2,3,4"> 
    <TextBlock Text="Inside border"/> 
</Border> 

Wenn Sie mehr Kontrolle über den Rand benötigen, können Sie ein Panel für das Layout verwenden. Z.B. unter Verwendung eines <Grid>:

<Grid> 
    <Grid.RowDefinitions> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="*"/> 
    <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="Auto"/> 
    <ColumnDefinition Width="*"/> 
    <ColumnDefinition Width="Auto"/> 
    </Grid.ColumnDefinitions> 
    <Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" BorderBrush="Blue" BorderThickness="2"/> 
    <Border Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" BorderBrush="Green" BorderThickness="4"/> 
    <Border Grid.Row="1" Grid.Column="0" BorderBrush="Red" BorderThickness="3"/> 
    <Border Grid.Row="1" Grid.Column="2" BorderBrush="Red" BorderThickness="3"/> 
    <TextBlock Grid.Row="1" Grid.Column="1" Text="Inside border"/> 
</Grid> 

Sie sind frei, andere visuelle Elemente in den Gitterzellen zu setzen.