Rumah >pembangunan bahagian belakang >C++ >Bagaimana untuk membuat tanda air yang hilang dalam kotak teks WPF menggunakan sifat yang dilampirkan?

Bagaimana untuk membuat tanda air yang hilang dalam kotak teks WPF menggunakan sifat yang dilampirkan?

Patricia Arquette
Patricia Arquetteasal
2025-01-29 23:01:10595semak imbas

Kod ini mencipta watermark yang hilang dalam kotak teks WPF menggunakan sifat yang dilampirkan. Mari kita refactor dan memperbaiki kod untuk kejelasan dan penyelenggaraan. Kod asal mempunyai redundansi dan boleh dipermudahkan.

How to Create a Disappearing Watermark in a WPF TextBox Using Attached Properties?

watermark dalam kotak teks

Contoh yang lebih baik ini menunjukkan mencipta teks letak (watermark) dalam kotak teks yang hilang apabila pengguna mula menaip. Kami akan menggunakan sifat yang dilampirkan untuk penyelesaian yang bersih dan boleh diguna semula.

1. Perkhidmatan yang dilampirkan dan perkhidmatan watermark yang lebih baik:

<code class="language-csharp">public static class WatermarkService
{
    public static readonly DependencyProperty WatermarkProperty =
        DependencyProperty.RegisterAttached("Watermark", typeof(object), typeof(WatermarkService),
            new FrameworkPropertyMetadata(null, OnWatermarkChanged));

    public static object GetWatermark(DependencyObject obj) => obj.GetValue(WatermarkProperty);
    public static void SetWatermark(DependencyObject obj, object value) => obj.SetValue(WatermarkProperty, value);

    private static void OnWatermarkChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (!(d is TextBox textBox)) return;

        textBox.Loaded += TextBox_Loaded;
        textBox.TextChanged += TextBox_TextChanged;
        textBox.GotFocus += TextBox_GotFocus;
    }

    private static void TextBox_Loaded(object sender, RoutedEventArgs e) => UpdateWatermarkVisibility((TextBox)sender);
    private static void TextBox_TextChanged(object sender, TextChangedEventArgs e) => UpdateWatermarkVisibility((TextBox)sender);
    private static void TextBox_GotFocus(object sender, RoutedEventArgs e) => UpdateWatermarkVisibility((TextBox)sender);


    private static void UpdateWatermarkVisibility(TextBox textBox)
    {
        RemoveWatermark(textBox);
        if (string.IsNullOrEmpty(textBox.Text))
        {
            ShowWatermark(textBox);
        }
    }

    private static void RemoveWatermark(TextBox textBox)
    {
        var layer = AdornerLayer.GetAdornerLayer(textBox);
        if (layer != null)
        {
            var adorners = layer.GetAdorners(textBox);
            if (adorners != null)
            {
                foreach (var adorner in adorners.OfType<WatermarkAdorner>())
                {
                    layer.Remove(adorner);
                }
            }
        }
    }

    private static void ShowWatermark(TextBox textBox)
    {
        var layer = AdornerLayer.GetAdornerLayer(textBox);
        if (layer != null)
        {
            layer.Add(new WatermarkAdorner(textBox, GetWatermark(textBox)));
        }
    }
}</code>

2. Kelas Watermarkadorner (penambahbaikan kecil):

<code class="language-csharp">internal class WatermarkAdorner : Adorner
{
    private readonly ContentPresenter contentPresenter;

    public WatermarkAdorner(UIElement adornedElement, object watermark) : base(adornedElement)
    {
        IsHitTestVisible = false;

        contentPresenter = new ContentPresenter { Content = watermark, Opacity = 0.5 };
        // Removed unnecessary margin setting; let the watermark style handle positioning.
    }

    protected override int VisualChildrenCount => 1;
    protected override Visual GetVisualChild(int index) => contentPresenter;

    protected override Size MeasureOverride(Size constraint)
    {
        contentPresenter.Measure(AdornedElement.RenderSize);
        return AdornedElement.RenderSize;
    }

    protected override Size ArrangeOverride(Size finalSize)
    {
        contentPresenter.Arrange(new Rect(finalSize));
        return finalSize;
    }
}</code>

3. Penggunaan XAML:

<code class="language-xaml"><TextBox x:Name="SearchTextBox">
    <WatermarkService.Watermark>
        <TextBlock>Type here to search text</TextBlock>
    </WatermarkService.Watermark>
</TextBox></code>

Penambahbaikan:

  • Pengendalian acara yang dipermudahkan: Kod yang disemak hanya menggunakan , Loaded, dan TextChanged acara untuk kotak teks, menjadikannya lebih ringkas dan mudah difahami. Kaedah GotFocus mengendalikan logik untuk menunjukkan dan menyembunyikan watermark berdasarkan teks kotak teks. UpdateWatermarkVisibility
  • Redundansi yang dikeluarkan: Kod asal mempunyai beberapa blok kod yang diduplikasi. Versi ini menyelaraskan logik.
  • Keselamatan jenis yang lebih baik: Kod sekarang secara eksplisit memeriksa jenis , mengelakkan pengecualian pemutus yang berpotensi. TextBox
  • penggunaan linq: menggunakan memudahkan penyingkiran penghormatan. OfType<WatermarkAdorner>()
  • Struktur yang lebih jelas: Kod ini lebih baik diatur ke dalam bahagian logik.
  • dikeluarkan margin yang tidak perlu: Margin lebih baik dikendalikan melalui gaya di dalam watermark. TextBlock
Versi yang lebih baik ini lebih cekap, boleh dibaca, dan dipelihara semasa mencapai fungsi yang sama. Ingatlah untuk menambah gaya yang sesuai ke

dalam TextBlock untuk mengawal penampilan dan kedudukannya dalam Watermark. TextBox

Atas ialah kandungan terperinci Bagaimana untuk membuat tanda air yang hilang dalam kotak teks WPF menggunakan sifat yang dilampirkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn