2009-05-11 9 views
15

Comment faites-vous l'équivalent de margin-top de css dans WPF? J'ai une image que je veux ajouter une marge en haut, mais tout ce que je peux me permettre de travailler est la marge, qui affecte chaque côté de l'image.Équivalent WPF de marge supérieure?

Répondre

22

Vous pouvez spécifier la marge de chaque côté (dans cet ordre: gauche, haut, droite, bas)

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

Merci pour les réponses rapides. J'ai seulement essayé Margin = "10 0" en pensant que cela placerait le haut et le bas à 10 et les côtés à 0. J'aurais dû trouver celui-ci par moi-même. Merci! – djschwartz

+2

WPF vous laissera faire Margin = "10,0" mais le premier nombre est les côtés, le second est haut/bas. –

2

Vous pouvez utiliser la gauche, en haut, à droite, le nombre inférieur de préciser la marge pour tout contrôle WPF

Par exemple:

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

ici à gauche -> 10, Top -> 5, droite - 10 et Bas -> 10

Pour plus vérifier ce billet de blog WPF Margin demystified

Un autre blog utile sur Margins, Padding, Borders and Content, nice one

6

la propriété de marge est ce que vous recherchez. Il existe trois manières différentes de définir la marge. Le premier (voir ci-dessous) définit toutes les marges à la même valeur - il s'étend à "0,0,0,0". la seconde place les côtés gauche et droit à 1 et les côtés supérieur et inférieur à 0 - il s'étend à "1,0,1,0". et le troisième définit chaque côté à une valeur individuelle (dans ce cas, 5). valeurs de marge, dans l'ordre: la première valeur est côté gauche seconde valeur est supérieure
troisième valeur est droite quatrième valeur est inférieure

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 documentation MS sur FrameworkElement.Margin indique que Margin = "#, #" est utilisé pour spécifier les marges symétriques. Donc "5,2" est le même que "2,5,1,2,5,1" –

+0

hmm, ne semble pas fonctionner de cette façon quand dans aucun de mes codes - pourrait être juste moi, tho. –

+2

5,2,5,2 est également symétrique et c'est ainsi que cela fonctionne réellement dans la pratique. –

0

Vous pouvez utiliser la marge et l'alignement vertical.

Par exemple:

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