WPF эквивалент margin-top?

Question

Как вы делаете эквивалент css margin-top в WPF?

У меня есть изображение, к которому я хочу добавить поле сверху, но все, что я могу заставить работать - это поле, которое влияет на каждую сторону изображения.

Answer 1

Вы можете указать поля для каждой стороны (в следующем порядке: слева, сверху, справа, снизу)

<Image Source="image.png" Margin="0,10,0,0"/>

Answer 2

Маржинальная собственность - это то, что вы ищете. Есть 3 разных способа установить маржу. Первый (см. Ниже) устанавливает все поля одинакового значения - он расширяется до «0,0,0,0». второй устанавливает левую и правую стороны на 1, а верхнюю и нижнюю стороны на 0 - он расширяется до «1,0,1,0». а третий устанавливает каждую сторону на индивидуальное значение (в данном случае 5). Значения полей в порядке: первое значение слева второе значение top
третье значение с правой стороны четвертое значение снизу

Margin="5";      <!-- same as "5,5,5,5" -->
Margin="5,2"     <!-- same as "5,2,5,2" -->
Margin="5,6,7,8" <!-- set left,top,right,bottom independantly -->

Answer 3

Вы можете использовать поля и вертикальное выравнивание.

Например:

<Button Margin="0,200,0,0" VerticalAlignment="Top" />

Answer 4

Вы можете использовать числа слева, сверху, справа и снизу, чтобы указать поле для любого элемента управления в WPF

Например:

<Button Margin="10 5 10 10" />

Здесь слева -> 10, сверху -> 5, справа - 10 и снизу -> 10

Подробнее читайте в этом блоге WPF Демистифицированная маржа

Еще один полезный пост в блоге о Полях, отступах, границах и содержании , приятном