小D学blend-----如何创建自定义的Tooltip控件

本文详细介绍如何在Silverlight应用中使用Blend创建自定义Tooltip样式,包括创建项目、添加控件、设置Tooltip及编辑样式等步骤。

运行环境:blend 4.0或者blend 3.0 +silverlight 3.0(其实我相信步骤应该是差不多的)

语言:C#

Tooltip类:它是表示一个长方形的小弹出窗口,该窗口在用户将指针悬停在一个控件上时显示有关该控件用途的简短说明。<p>

程序集:  System.Windows.Forms(在 System.Windows.Forms.dll 中)

  2011041900092775.jpg

此图是wwwzion.earan.net的截图,如果造成不便,请联系我!我会修改

第一步:用blend创建一个silverlihgt应用程序(或者silverlight应用程序+网站)

步骤为:文件-新建-项目类型:silverlight应用程序(或者silverlight应用程序+网站),输入名称为:ToolTipDemo1,然后点击“确定”即可。

2011041823500229.jpg

 

第二步:进入ToolTipDemo1的项目后,在资产面板--控件 找到butoon控件,双击该控件会出现:

2011041823543579.jpg

此时xaml文件的代码如下:

<UserControl
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Class="ToolTipDemo1.MainPage"
 Width="640" Height="480">

 <Grid x:Name="LayoutRoot" Background="White">
  <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75"/>
 </Grid>
</UserControl>

第三步:查看xaml文件。代码如下:

<UserControl
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Class="ToolTipDemo1.MainPage"
 Width="640" Height="480">

 <Grid x:Name="LayoutRoot" Background="White">
  <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75">
   <ToolTipService.ToolTip>
    <ToolTip Content="ToolTip to Style"/>
    </ToolTipService.ToolTip>
   </Button>
 </Grid>
</UserControl>

第四步:用鼠标右键按住不放,选中<ToolTip Content="ToolTip to Style"/>中的第一个ToolTip,如下图所示2011041900251215.jpg

注意右上角的2011041900261263.jpg已经变成了2011041900264114.jpg

第五步:创建ToolTip模板的副本,为自定义ToolTipStyle创造条件,如下图所示2011041900391736.jpg

点击“创建空项”后,弹出的对话框如右图所示:

2011041900400656.jpg

点击“确定”即可(如果你有需要可以自己命名)

打开之后如下图所示:

2011041900411264.jpg

第六步:创建自定义的ToolTip的Style。点击“资源”面板,鼠标左击[UserControl],会看到ToolTipStyle1,选中它并左击,然后点击“编辑”

2011041900425319.jpg

之后会出现如下的界面:

2011041900451928.jpg

第七步,现在你就可以自己做ToolTip的Style了,右击Style,然后点击“编辑模板”--》“编辑当前模板”

接下来 各位 编辑自己想要的ToolTip吧!

此文是小D怕自己学的东西会在之后的学习中,渐渐淡忘,所以在此写下,以便自己以后在次学习,也想把它分享给各位需要他的人!

此文是我翻译来的,自己详细了步骤,原文是英文

转载至:http://www.silverlightchina.net/html/developer/silverlight/2009/1117/240.html

如果有什么不好,请提出,我会修改,也会加油!

转载于:https://www.cnblogs.com/LeiCha/archive/2011/04/19/xiaoD.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值