学Silverlight 2系列（9）：使用控件模板

学Silverlight 2系列（9）：使用控件模板2011-09-10 cnblogs TerryLee本文为系列文章第九篇，主要介绍如何使用控件模板定制控件的观感。 Silverlight提供了极其强大的功能，允许用户完全定制控件的外观。

定制控件内容

在Silverlight中，WatermarkedTextBox控件可以为用户的输入提供一段提示信息，如果只是简单的一点文字信息，有时候未免显得单调，如果加上相应的图片说明效果会更好，如下图所示的一个简单的用户登录界面：

这样看起来界面显的就生动多了，XAML声明如下：

<Canvas Background="#46461F">
   <WatermarkedTextBox x:Name="UserName" Canvas.Top="30" Canvas.Left="50"
            Width="320" Height="48">
    <WatermarkedTextBox.Watermark>
       <StackPanel Width="320" Height="48" Orientation="Horizontal">
        <Image Source="admin.png" HorizontalAlignment="Left"></Image>
         <TextBlock Text="请输入用户名" VerticalAlignment="Center" Foreground="#999999"/>
       </StackPanel>
     </WatermarkedTextBox.Watermark>
   </WatermarkedTextBox>
  
  <WatermarkedTextBox x:Name="Password" Canvas.Top="110" Canvas.Left="50"
             Width="320" Height="48" HorizontalAlignment="Left">
     <WatermarkedTextBox.Watermark>
       <StackPanel Width="320" Height="48" Orientation="Horizontal">
        <Image Source="lock.png" HorizontalAlignment="Left"></Image>
         <TextBlock Text="请输入密码" VerticalAlignment="Center" Foreground="#999999"/>
      </StackPanel>
     </WatermarkedTextBox.Watermark>
   </WatermarkedTextBox>
  
  <Button Canvas.Top="180" Canvas.Left="100"
      Width="120" Height="48">
     <Button.Content>
      <StackPanel Orientation="Horizontal">
        <Image Source="apply.png" HorizontalAlignment="Left"></Image>
         <TextBlock Text="登 录" VerticalAlignment="Center" Margin="10 0 0 0"></TextBlock>
       </StackPanel>
    </Button.Content>
   </Button>
</Canvas>