如何在Windows Phone 7中对齐stackpanel上的按钮?

时间:2011-03-31 06:48:30

标签: silverlight windows-phone-7

我在stackpanel中添加了两个按钮并设置了对齐,如代码所示

<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<Button Content="Button" Height="64" Name="button1" Width="160" HorizontalAlignment="Left" VerticalAlignment="Top"/>
<Button Content="Button" Height="64" Name="button2" Width="160" HorizontalAlignment="Right" VerticalAlignment="Top"/>
</StackPanel>

但这与我的要求不符。我希望它如下图所示。

enter image description here

那我怎么能这样做?

1 个答案:

答案 0 :(得分:6)

这样的事情:

<Grid
    Width="480">

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

    <Button
        Width="200"
        Content="Clear" />

    <Button
        Grid.Column="1"
        Width="200"
        Content="Options"
        HorizontalAlignment="Right"
        />

</Grid>

更新:由于受欢迎的需求,这里是没有固定宽度或列的网格。

<Grid>

    <Button
        Width="150"
        Content="Clear"
        HorizontalAlignment="Left" 
        />

    <Button
        Width="150"
        Content="Options"
        HorizontalAlignment="Right" 
        />

</Grid>