2009-05-11 26 views
15

¿Cómo se hace el equivalente de margin-top de css en WPF?WPF equivalent of margin-top?

Tengo una imagen en la que quiero agregar un margen en la parte superior, pero todo lo que parece que puedo poner en práctica es el margen, que afecta a cada lado de la imagen.

Respuesta

22

Se puede especificar el margen de cada lado (en este orden: izquierda, arriba, derecha, abajo)

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

Gracias por las respuestas rápidas. Solo intenté Margen = "10 0", pensando que establecería la parte superior e inferior en 10 y los lados en 0. Debería haber pensado en esto por mi cuenta. ¡Gracias! – djschwartz

+2

WPF le permitirá Margen = "10,0", pero el primer número es los lados, el segundo es arriba/abajo. –

2

Usted podría utilizar la izquierda, arriba, derecha, números de abajo para especificar el margen para cualquier Control en WPF

Por ejemplo:

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

Aquí Izquierda -> 10, Top -> 5, derecha - 10 e inferior -> 10

Para obtener más

comprobar esta entrada de blog WPF Margin demystified

Otra entrada del blog útil sobre Margins, Padding, Borders and Content, bonita

6

la propiedad de margen es lo que busca. Hay 3 formas diferentes de establecer el margen. El primero (ver a continuación) establece todos los márgenes con el mismo valor: se expande a "0,0,0,0". el segundo establece los lados izquierdo y derecho en 1 y los lados superior e inferior en 0 - se expande a "1,0,1,0". y el tercero establece un valor individual para cada lado (en este caso, 5). valores de margen, en orden: primero valor se deja lado segundo valor es superior
tercer valor es lado derecho cuarto valor es inferior

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 --> 
+0

La documentación de MS en FrameworkElement.Margin indica que Margin = "#, #" se usa para especificar márgenes simétricos. Entonces "5,2" es lo mismo que "2.5,1,2.5,1" –

+0

hmm, parece que no funciona de esa manera cuando está en mi código, podría ser solo yo, aunque. –

+2

5,2,5,2 también es simétrico y es cómo realmente funciona en la práctica. –

0

Puede utilizar el margen y la alineación vertical.

Por ejemplo:

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