Silverlight中的按钮换行符

Question

在后端处理XAML文件和C#。我总共有4个按钮。

单击第一个，其他三个将可见，单击相同的第一个按钮，三个将隐藏。

虽然它们工作得很好，但我希望它们通过断线来垂直对齐，而不是水平对齐。

此外，我需要在每个按钮之前添加图像。像这样的东西。

请提出建议。非常感谢。

遵循了这个答案，但我理解它是针对文本的，而不是针对按钮的。

以下是按钮的代码：

<Button Content ="Buttons" Click="ButtonBase_OnClick" Margin="15,15,15,15"></Button>
<Button Content="Topo Map" Visibility="Collapsed" Click="Topo_OnClick"
Name="But2" Margin="15,15,15,15"/>
<Button Content="Street Map" Visibility="Collapsed" Click="Street_OnClick"
Name="But3" Margin="15,15,15,15"/>
<Button Content="Imagery Map" Visibility="Collapsed"Click="Imagery_OnClick"
Name="But4" Margin="15,15,15,15"/>

Answer 1

您需要将按钮包装在内容容器中，如堆叠面板或网格。请记住，堆叠面板的大小将适合其内容，而网格的大小可以适合可用空间。我会用堆叠面板来放置按钮，用网格来放置按钮内容：

    <StackPanel Orientation="Vertical">
        <Button Click="ButtonBase_OnClick" Margin="15">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Image />
                <TextBlock Text="Buttons" />
            </Grid>
        </Button>
        ...
    </StackPanel>

Answer 2

我想您正在寻找Silverlight Toolkit的WrapPanel。