Margin属性
Margin:外边距。用于描述某元素所占用的矩形区域与其容器元素的矩形区域之间的距离,利用该元素可以精确地控制元素在其容器中的相对位置。
Margin的使用
常用有两种形式,一种是用一个值来描述,例如:
XAML:
<Button x:Name="button1" Margin="20">按钮1</Button>
C#:
Button1.Margin = new Thickness(10);
Button1.Content = "按钮1";
另一种是按照“左、上、右、下”的顺序,用四个值分别描述4个方向的外边距,例如下面按钮的左、上、右、下的外边距分别为10、20、10、20:
XAML:
<Button x:Name="button2" Margin="10,20,10,20">按钮2</Button>
C#:
Button2.Margin = new Thickness(10,20,10,20);
以Border控件为例,控制其上下左右移动
private void Button_Click(object sender, RoutedEventArgs e)
{
Button bt = sender as Button;
if(bt.Content.ToString().Equals("上"))
{
border1.Margin = new Thickness(border1.Margin.Left, border1.Margin.Top - 10, border1.Margin.Right, border1.Margin.Bottom + 10);
}
if (bt.Content.ToString().Equals("下"))
{
border1.Margin = new Thickness(border1.Margin.Left, border1.Margin.Top + 10, border1.Margin.Right, border1.Margin.Bottom - 10);
}
if (bt.Content.ToString().Equals("左"))
{
border1.Margin = new Thickness(border1.Margin.Left - 10, border1.Margin.Top , border1.Margin.Right + 10, border1.Margin.Bottom );
}
if (bt.Content.ToString().Equals("右"))
{
border1.Margin = new Thickness(border1.Margin.Left + 10, border1.Margin.Top, border1.Margin.Right - 10, border1.Margin.Bottom );
}
}
注意:Margin是距容器边缘的距离,所以控件整体移动时一定要设相反的值。比如向上移动时,距容器上方边缘的距离减少,但距离容器下方边缘的距离增加。