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

Question

I have a button with MinWidth set as MinWidth="118" and that works fine. But when I change the Text size in windows using Settings -> Accessibility -> Text Size -> change it to 200%, then text takes more space and that hard coded width is not sufficient so text gets cut off. So how can I set the width so that text never cuts off? Also, I do not want to calculate the new width for 200% text size because, the text of the button can change without making any code changes since that text is service delivered. So is there any way to set the width so that text on the button never cuts off?

<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}" />

Thanks

Answer 1

So is there any way to set the width so that text on the button never cuts off?

No, there is no such built-in feature for the Button control. You still need to manage the Button width on your own. Handle the DisplayInformation.DpiChanged Event and get the current ResolutionScale value. Then you could change the width based on the value.

 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;
        }
    }