Как я могу индивидуально спроектировать Границы в XAML

Question

Как я могу создать границы только сверху, слева, справа или снизу в XAMl?

В CSS это возможно с Border-Top: ...

Answer 1

Толщина границ - это составное свойство толщины слева, сверху, справа и снизу (обратите внимание на разницу в порядке от CSS). Если вы указываете только одно значение, вы устанавливаете их все, но вы можете указать их отдельно:

BorderThickness="1,2,3,4"

Answer 2

В XAML у вас нет свойства border для элементов, как у вас в CSS. Тем не менее, вы можете использовать элемент <Border> и установить отдельные толщины точно так же, как вы можете i 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>

Вы можете поместить другие визуальные элементы в ячейки сетки.