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將有兩個項目。每個面板的內容只需要關心其相對於面板中其他兄弟項目的佈局。