Question

我有这个按钮，我使用Content =“ 1”在其中添加了一些文本，数字的顶部有15px的填充，数字的左侧有20px，但是当文本出现时，文本似乎不在按钮的外面调整大小。

这通常是 number1

这就是调整大小时发生的情况 number2

如果有帮助，请参见以下XAML代码：

<Button x:Name="_btn1" Content="1" HorizontalAlignment="Center" Grid.Row="1" VerticalAlignment="Center" Width="214" FontSize="24" HorizontalContentAlignment="Left" VerticalContentAlignment="Top" Height="182" Margin="10,10,10,10" Background="#33999999" Click="DayClick" Padding="20,15,0,0"/>

Answer 1

您的内容没有超出范围；按钮的某些部分隐藏在内容所有者的后面，例如StackPanel，Grid或您正在使用的任何内容。

这是您可以做的-

使用按钮的自动大小而不是硬代码大小。

<Button x:Name="_btn1" 
        Content="1" 
        FontSize="24"
        Background="SeaGreen"
        Margin="10,10,10,10" 
        Grid.Row="1" 
        VerticalAlignment="Center" 
        HorizontalAlignment="Center"/>

在容器外部使用ScrollViwer。

<ScrollViewer>
    <StackPanel>
        <Button x:Name="_btn1" 
                Content="1" 
                FontSize="24"
                Background="SeaGreen" 
                Width="214"   
                Height="182"
                Padding="20,15,0,0"
                Margin="10,10,10,10" 
                Grid.Row="1" 
                VerticalAlignment="Center" 
                HorizontalAlignment="Center" 
                HorizontalContentAlignment="Left" 
                VerticalContentAlignment="Top"/>
    </StackPanel>
</ScrollViewer>

您不能在ScrollViwer内使用StackPanel

使用AdaptiveTrigger并根据需要更改按钮的属性。

（如果您不熟悉，请阅读文档-AdaptiveTrigger）

调整大小时按钮内容超出按钮

1 个答案: