[Silverlight]如何创建超链接

我们都知道,超链接这玩意十分有用,它可以将我们从一个页面导航到另一个页面,从一个站点导航到另一个站点,如

我就是个超链接啊,你点我啊!

那么如何在Silverlight2中建立一个超链接呢?OK,请出今天的主角:HyperlinkButton控件

在xaml中声明一个HyperlinkButton控件非常简单,如

<HyperlinkButton Content="我就是个超链接啊,你点我啊!" NavigateUri=”http://www.51mvc.com”>
</HyperlinkButton>

这里用到两个属性

  1. Content:设置超链接中的文字
  2. NavigateUri :设置链接所指向的地址

效果是这样地 image

另外使用TargetName属性设置该链接的打开方式,本页打开或另外开启一个窗口(或者一个tab)

  1. 当设置TargetName的值为 _blank, _media, _search时 链接将在新窗口(或者一个tab)被打开 
  2. 同理,当将TargetName的值设置为  _parent, _self, _top, “” 时,导航将在本页进行

扩展我们刚才的例子

<HyperlinkButton Content="我就是个超链接啊,你点我啊!" 
NavigateUri="http://www.51mvc.com" 
TargetName="_blank">
</HyperlinkButton>

在新窗口打开

<HyperlinkButton Content="我就是个超链接啊,你点我啊!" 
NavigateUri="http://www.51mvc.com" 
TargetName="_self">
</HyperlinkButton>

在本窗口打开

另外,HyperlinkButton控件的强大之处更在于,它还可以为任意的控件如Image添加超链接导航。而我们只要通过设置HyperlinkButton.Content就可以达到目的,改造下我们刚才的例子

<HyperlinkButton NavigateUri="http://www.51mvc.com">
    <HyperlinkButton.Content>
        <Canvas>
            <Rectangle Canvas.Top="10" Canvas.Left="10" Width="200" Height="100" Fill="Black" Stroke="Purple" StrokeThickness="2" ></Rectangle>
            <TextBlock Canvas.Top="50" Canvas.Left="35" Foreground="White">我就是个超链接啊,你点我啊! </TextBlock>
        </Canvas>
    </HyperlinkButton.Content>
</HyperlinkButton>

效果就是这样地image

嘿嘿 很简单不是吗?why don’t you hava a try?

posted @ 2008-12-03 13:13  紫色永恒  阅读(3914)  评论(2编辑  收藏  举报