Question

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

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

虽然它们工作正常但我希望它们通过断开线来对齐垂直而不是水平。

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

请建议。谢谢。

Followed这个答案，但我理解它的文字，而不是按钮。

这里是按钮代码：

<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来按住按钮和一个网格来保存你的按钮内容：

    <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。

Silverlight中的按钮换行符

2 个答案: