主页 / coding / 问题 / 78931207
Accepted
Josh Brunton
Asked: 2024-08-30 16:57:36 +0800 CST

类似 TexBox 控件的 ReadOnly 功能

  • 772

TextBox 控件（Microsoft.UI.Xaml.Controls.TextBox）公开一个“IsReadonly”属性，该属性似乎与 !IsEnabled 在以下方面有所不同：

  • 可以选择 ReadOnly TextBox 的内容
  • 默认情况下，ReadOnly TextBox 是制表位
  • 只读文本框最初在视觉上与非只读文本框没有区别

其他类似文本框的控件（例如 NumberBox 和 AutoSuggestBox）没有这样的属性。有没有办法让其他在视觉上类似于 TextBox 的控件具有 ReadOnly 行为？

xaml

1 个回答

  1. Best Answer

    AutoSuggestBox和NumberBox有一个内部TextBox。您可以使用CommunityToolkit.WinUI.Extensions来访问它FindDescendant()。

    例如，您可以像这样创建AttachedProperty ：

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

    然后像这样使用它：

    <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

相关问题