2009-05-11 10 views
15

WPF'de css'nin kenar boşluğu eşdeğerini nasıl yapıyorsunuz?WPF kenar boşluğu eşdeğeri?

Üstte bir kenar boşluğu eklemek istediğim bir resmim var, ancak çalışmaya başladığım her şey görüntünün her bir tarafını etkileyen kenar boşluğu.

cevap

22

Sen (bu sırayla: sol, üst, sağ, alt) her taraf için marjını belirtebilirsiniz herhangi için marjını belirtmek için sol, üst, sağ, alt numaralarını kullanabilirsiniz

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

teşekkürler. Ben sadece Margin = "10 0" diye düşünerek üst ve altını 10 ve tarafları 0'a ayarlamayı denedim. Bunu kendi başıma bulmalıydım. Teşekkürler! – djschwartz

+2

WPF, Margin = "10,0" yapmanıza izin verir, ancak ilk sayı iki taraftır, ikincisi üst/alttır. –

2

WPF

Örneğin

kontrol: -> 10, Top -> 5, Sağ - 10 ve Bottom -> 10

İşte

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

Sol For

daha Marj özelliği aradığınız ne bu blog yayınında WPF Margin demystified

biri

6

güzel Margins, Padding, Borders and Content hakkında başka faydalı bir blog yazısı, kontrol edildi. Kenar boşluğunu ayarlamak için 3 farklı yol vardır. Birincisi (aşağıya bakınız), tüm kenar boşluklarını aynı değere ayarlar - "0,0,0,0" ye genişler. ikincisi, sol ve sağ tarafları 1 ve üst ve alt taraflarını 0 olarak ayarlar - "1,0,1,0" olarak genişler. ve üçüncü, her bir tarafı bireysel bir değere ayarlar (bu durumda, 5). sırayla Kenar değerleri,: ilk değer sol yan ikinci değer
üçüncü değer dördüncü değerini marjı ve dikey dizilim kullanabilir

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

FrameworkElement.Margin hakkındaki MS belgeleri, Margin = "#, #" öğesinin simetrik kenar boşluklarını belirlemek için kullanıldığını gösterir. Yani "5,2", "2.5,1,2,5,1" ile aynıdır. –

+0

hmm, kodumdan herhangi birinde olduğunda öyle görünmüyor - sadece ben olabilirim, tho. –

+2

5,2,5,2 simetriktir ve pratikte nasıl çalıştığıdır. –

0

alt sağ tarafı üst. Örneğin

: Hızlı yanıtlar için

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