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

Ответ 1

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

BorderThickness="1,2,3,4"

Ответ 2

В XAML у вас нет свойства границы для таких элементов, как у вас в 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>

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