Практическое руководство. Расширение полезности элемента TextBox с помощью фонового изображения
Обновлен: Ноябрь 2007
В следующем примере показано, как поддержать полезность элемента TextBox с помощью отображения пояснительного фонового изображение внутри данного TextBox до введения текста пользователем (после чего изображения удаляется). Кроме того, фоновое изображение восстанавливается, если пользователь удаляет входные данные. См. рисунок ниже.
.png "TextBox с фоновым изображением")
.gif "Примечание") Примечание. |
|---|
Основание для использования в этом примере фонового рисунка вместо применения свойства Text элемента управления TextBox заключается в том, что фоновый рисунок не будет конфликтовать со связыванием данных. |
Пример
<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;
}
}
}
}