学步园

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

我就是个超链接啊，你点我啊！

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

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

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

这里用到两个属性

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

效果是这样地

另外使用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>

效果就是这样地

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