如何單獨設計XAML中的邊框？

Question

如何在XAMl中設計邊框只有頂部，左側，右側或底部？

在CSS中這是可能的邊界上：...

Answer 1

邊框thicknes是左，上，右，下厚度（注意從CSS爲了區別）的複合材料特性。如果僅指定一個值設置所有的人，但你可以單獨指定：

BorderThickness="1,2,3,4" 

Answer 2

在XAML中你沒有的元素border屬性就像你在CSS有。但是，你可以使用一個<Border>元素，並設置單獨的厚度，就像你我可以的CSS（套左右和上下邊框厚度）：

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

或（左套，上，右，底部厚度） ：

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

如果您需要更多控制邊框，您可以使用面板進行佈局。例如。使用<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> 

你可以自由的放置在網格單元其他視覺元素。