如何在silverlight中创建老虎文本框

Question

我想在我的项目中添加用于消息对话的老虎文本框，我不知道如何应用样式或控件来获取Silverlight文本框。

有没有办法在silverlight代码/样式中获得上面的图像

Answer 1

如果没有在silverlight中创建自己的自定义控件，就无法拥有像这样的文本框。

然而，有两种方法可以让你得到你想要的。 1）在文本框中添加一个简单的边框。根据需要更改不透明度设置。 例如：

`<Border BorderBrush="Black" BorderThickness="3" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="49,33,0,0">
            <TextBox Height="72" TextAlignment="Center"  Name="textBox1" Text="TextBox"  Width="270" Background="White" />
 </Border>`

2）放置气泡的图像，并在其中放置一个文本框。您必须更改一些不透明度设置，但这是一个示例：

<Grid HorizontalAlignment="Left" Height="96" Width="316"  Margin="99,265,0,0" VerticalAlignment="Top">
            <Image    Name="image1" Stretch="Fill"   Source="bubble.png" />
            <TextBox   Name="textBox2" Text="TextBox"  SelectionBackground="#001BA1E2" SelectionForeground="Black" BorderBrush="Transparent" Background="Transparent" Margin="0,0,0,30" />
        </Grid>

您必须根据您使用的图像对边距进行一些调整。但基本上，这就是上面2个文本框的外观：

如果您希望为Tiger Textbox创建自己的控件，可以按照以下步骤操作：

1）在Expression Blend中打开Project

2）在您要添加文本框的位置，绘制Tiger文本框格式的图像。

3）右键单击此图像并选择“进入控制...”

4）选择TextBox。