Silverlight中的按鈕行中斷

Question

處理XAML文件和后端的C＃。 我總共有4個按鈕。

通過單擊1st，其他三個將可見，通過單擊相同的1st按鈕，三個將隱藏。

盡管它們工作正常，但我希望它們通過折斷線來垂直對齊而不是水平對齊。

我還需要在每個按鈕之前添加圖像。 像這樣的東西。

請提出建議。 謝謝。

遵循了這個答案，但是我理解它是針對文本而非按鈕的。

這是按鈕的代碼：

<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工具箱的WrapPanel。