按钮正在从页面中删除答案

【问题标题】：buttons are being cut off of the page按钮正在从页面中删除
【发布时间】：2018-10-25 19:26:59
【问题描述】：

我在一行中有两组控件。它们都在各自的堆栈面板中。第一个与左侧对齐，第二个与右侧对齐。看起来不错，只是右边的控件被应用程序窗口截断了。我可以用鼠标拉开窗口，它看起来不错，但如果按钮在应用程序窗口折叠时直接按下会更好。

这里是 xaml：

        <Grid Grid.Row="5">
           <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="Auto"></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <StackPanel Grid.Column="0"                  
                    Orientation="Horizontal"
                    HorizontalAlignment="Left">
                <Label Content="Instant Message Text"                   
                   Margin="5"></Label>
                <TextBox x:Name="txt_Message"                            
                         Width="400"></TextBox>
                <Button Name="btn_instantMessage"                        
                    Content="Send Message"></Button>
                <Label Content="Send To All Zones"></Label>
                <CheckBox Name="chk_sentMessageToAllZones"
                      VerticalAlignment="Center"
                      HorizontalAlignment="Right"></CheckBox>
            </StackPanel>

            <StackPanel Grid.Column="2" Orientation="Horizontal" HorizontalAlignment="Left" >
                <Button Content="Stop All Ads"
                        Margin="5"
                        Name="btn_stop"></Button>
                <Button Content="Play All Ads"
                        Margin="5"
                        Name="btn_play"></Button>
            </StackPanel>
        </Grid>

这是损坏的屏幕截图。您可以看到“播放所有广告”按钮是如何被切断的。

【问题讨论】：

初始元素的大小是多少？您可以使用 Snoop 之类的工具进行调查。我猜是有什么东西阻止了它变大。
“推入”如何？您有一个宽度为 400 的 TextBox，所以如果窗口变小，您的 StackPanel 就没有“推入”的位置，是吗？或者您希望它出现在哪里以及如何出现？
我将窗口的宽度设置为 1000 像素。设置为 1200 像素也没关系，屏幕截图的外观不会改变。
我通过设置一个奇怪的右边距来破解这个，但是，这是一个破解。

标签： wpf xaml

【解决方案1】：

您应该在窗口/UC 上设置 SizeToContent 属性。

SizeToContent="Width"

【讨论】：