Início / coding / Perguntas / 78931207
Accepted
Josh Brunton
Asked: 2024-08-30 16:57:36 +0800 CST

Funcionalidade ReadOnly para controles do tipo TexBox

  • 772

O controle TextBox ( Microsoft.UI.Xaml.Controls.TextBox) expõe uma propriedade "IsReadonly", que parece diferir de !IsEnabled das seguintes maneiras:

  • O conteúdo de uma caixa de texto somente leitura pode ser selecionado
  • Um ReadOnly TextBox é uma parada de tabulação por padrão
  • As caixas de texto somente leitura são inicialmente visualmente indistintas das caixas de texto não somente leitura

Outros controles do tipo textbox, como NumberBox e AutoSuggestBox, não têm essa propriedade. Existe alguma maneira de convencer outros controles que são visualmente semelhantes a um TextBox a ter comportamento ReadOnly?

xaml

1 respostas

  1. Best Answer

    AutoSuggestBox e NumberBox têm um TextBox. Você pode acessá-lo com o CommunityToolkit.WinUI.Extensions 's FindDescendant().

    Por exemplo, você pode criar uma AttachedProperty assim:

    public static class Extensions
{
    public static readonly DependencyProperty IsReadOnlyProperty =
        DependencyProperty.RegisterAttached(
            "IsReadOnly",
            typeof(bool),
            typeof(Extensions),
            new PropertyMetadata(default, OnIsReadOnlyPropertyChanged));

    public static bool GetIsReadOnly(DependencyObject obj) => (bool)obj.GetValue(IsReadOnlyProperty);

    public static void SetIsReadOnly(DependencyObject obj, bool value) => obj.SetValue(IsReadOnlyProperty, value);

    private static void OnIsReadOnlyPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is not FrameworkElement element)
        {
            return;
        }

        element.Loaded -= Element_Loaded;

        if (element.IsLoaded is false)
        {
            element.Loaded += Element_Loaded;
            return;
        }

        _ = TryUpdateIsReadOnly(element);
    }

    private static void Element_Loaded(object sender, RoutedEventArgs e)
    {
        _ = TryUpdateIsReadOnly(sender);
    }

    private static bool TryUpdateIsReadOnly(object sender)
    {
        if (sender is not FrameworkElement element ||
            element.FindDescendant<TextBox>() is not TextBox innerTextBox)
        {
            return false;
        }

        innerTextBox.IsReadOnly = GetIsReadOnly(element);
        System.Diagnostics.Debug.WriteLine($"{element.GetType()} IsReadOnly: {innerTextBox.IsReadOnly}");
        return true;
    }
}

    Então use assim:

    <StackPanel Spacing="8">
    <ToggleSwitch
        x:Name="IsReadOnlyToggleSwitch"
        Header="IsReadOnly"
        OffContent="False"
        OnContent="True" />
    <TextBox
        IsReadOnly="{x:Bind IsReadOnlyToggleSwitch.IsOn, Mode=OneWay}"
        Text="TextBox" />
    <AutoSuggestBox
        local:Extensions.IsReadOnly="{x:Bind IsReadOnlyToggleSwitch.IsOn, Mode=OneWay}"
        Text="AutoSuggestBox" />
    <NumberBox
        local:Extensions.IsReadOnly="{x:Bind IsReadOnlyToggleSwitch.IsOn, Mode=OneWay}"
        Value="12345" />
</StackPanel>
    • 1

relate perguntas