WPF/Silverlight布局最佳实践

Question

布置以下项目的最佳做法是什么？

Valid XHTML http://www.hughgrice.com/layout.gif。

我特别感兴趣的是我应该使用哪些控件，以及如何将删除图标定位在右侧，并且工具图标始终显示在中间？

在此先感谢。

Answer 1

我对这种情况下的优选面板是DockPanel中，而不是一个网格：

<DockPanel> 
    <Button>Add</Button> 
    <Label>This is a label</Label> 
    <Button DockPanel.Dock="Right">Del</Button> 
    <Button HorizontalAlignment="Center">Setting</Button> 
</DockPanel> 

Answer 2

如何：

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="Auto" /> 
     <ColumnDefinition Width="Auto" /> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="Auto" /> 
    </Grid.ColumnDefinitions> 

    <Image Source="Plusbutton" /> 
    <Label Text="This is a Label" Margin="3,0,3,0" Grid.Column="1" /> 
    <Image Source="Gear" HorizontalAlignment="Center" Grid.Column="2" /> 
    <Image Source="Minusbutton" Margin ="3,0,3,0" Grid.Column="3" /> 
</Grid> 

Answer 3

的Grid，给这个： -

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="Auto" /> 
     <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 
    <StackPanel HorizontalAlignment="Left" Grid.Column="0"> 
    <!-- Your content here --> 
    </StackPanel> 
    <StackPanel HorizontalAlignment="Center" Grid.Column="1"> 
    <!-- Your content here --> 
    </StackPanel> 
    <StackPanel HorizontalAlignment="Right" Grid.Column="2"> 
    <!-- Your content here --> 
    </StackPanel> 
</Grid> 

这种方法从内容本身解耦左，中，右内容的基本格式。在你的例子中，左边的StackPanel将有两个项目。每个面板的内容只需要关心其相对于面板中其他兄弟项目的布局。