방법: 배경 이미지를 사용하여 TextBox의 유용성 향상

업데이트: 2007년 11월

다음 예제에서는 사용자가 텍스트를 입력하여 이미지가 제거되기 전까지 TextBox 내에 설명 배경 이미지를 표시함으로써 TextBox의 유용성을 높이는 방법을 보여 줍니다. 이 배경 이미지는 사용자가 입력 내용을 제거하면 다시 복원됩니다. 아래 그림을 참조하십시오.

참고

배경 이미지는 데이터 바인딩을 방해하지 않으므로 이 예제에서는 간단히 TextBox의 Text 속성을 조작하는 대신 배경 이미지를 사용합니다.

예제

<Page
  xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="SDKSample.TextBoxBackgroundExample"
  >

  <StackPanel>
    <TextBox Name="myTextBox" TextChanged="OnTextBoxTextChanged" Width="200">
      <TextBox.Background>
        <ImageBrush ImageSource="TextBoxBackground.gif" AlignmentX="Left" Stretch="None" />
      </TextBox.Background>
    </TextBox>
  </StackPanel>
</Page>

using System;
using System.Windows;
using System.Windows.Input;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace SDKSample
{
    public partial class TextBoxBackgroundExample : Page
    {

        void OnTextBoxTextChanged(object sender, TextChangedEventArgs e)
        {

            if (myTextBox.Text == "")
            {
                // Create an ImageBrush.
                ImageBrush textImageBrush = new ImageBrush();
                textImageBrush.ImageSource =
                    new BitmapImage(
                        new Uri(@"TextBoxBackground.gif", UriKind.Relative)
                    );
                textImageBrush.AlignmentX = AlignmentX.Left;
                textImageBrush.Stretch = Stretch.None;
                // Use the brush to paint the button's background.
                myTextBox.Background = textImageBrush;

            }
            else
            {

                myTextBox.Background = null;
            }

        }

    }

}

참고 항목

개념

TextBox 개요

RichTextBox 개요