如何避免按钮上的文本在 UWP xaml 中被截断

Question

我有一个 MinWidth 设置为 MinWidth="118" 的按钮，效果很好。 但是，当我使用设置 -> 辅助功能 -> 文本大小 -> 将其更改为 200% 更改 windows 中的文本大小时，文本会占用更多空间，并且硬编码的宽度不够，因此文本会被截断。 那么如何设置宽度以使文本永远不会被切断？ 此外，我不想计算 200% 文本大小的新宽度，因为按钮的文本可以在不进行任何代码更改的情况下更改，因为该文本是服务交付的。 那么有没有办法设置宽度，使按钮上的文本永远不会被切断？

<Button
    MinWidth="118"
    MinHeight="30"
    HorizontalAlignment="Left"
    HorizontalContentAlignment="Center"
    VerticalContentAlignment="Center"
    AutomationProperties.Name="{x:Bind ViewModel.PrimaryActionAutomationName, Mode=OneWay}"
    BorderThickness="1"
    Click="{x:Bind ViewModel.InvokePrimaryAction}"
    Content="{x:Bind ViewModel.PrimaryAction, Mode=OneWay}"
    CornerRadius="3"
    Style="{StaticResource AccentButtonStyle}" />

谢谢

Answer 1

那么有没有办法设置宽度，使按钮上的文本永远不会被切断？

不， Button控件没有这样的内置功能。 您仍然需要自己管理Button宽度。 处理DisplayInformation.DpiChanged 事件并获取当前的ResolutionScale值。 然后您可以根据该值更改宽度。

 public MainPage()
    {
        this.InitializeComponent();

        DisplayInformation displayInformation = DisplayInformation.GetForCurrentView();
        displayInformation.DpiChanged += DisplayInformation_DpiChanged;
    }

    private void DisplayInformation_DpiChanged(DisplayInformation sender, object args)
    {
        DisplayInformation displayInformation = DisplayInformation.GetForCurrentView();
        ResolutionScale scale = displayInformation.ResolutionScale;
        switch (scale)
        {
            case ResolutionScale.Scale100Percent:
                //your logic
                break;
            case ResolutionScale.Scale200Percent:
                // your logic
                break;
        }
    }