零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton

原文:零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton

[code] <StackPanel Margin="0" Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">

<HyperlinkButton Content="Home"

Style="{StaticResource HyperlinkButtonStyle1}"

Width="71" Foreground="White"

HorizontalContentAlignment="Center"

VerticalContentAlignment="Center"

NavigateUri="/full;component/Page/Home.xaml"

Padding="0" ToolTipService.ToolTip="Home"/>

</StackPanel>

[/code]

?

可以看到NavigateUri连结了Home这个Page

?

如果你是想要连到外部网页，就在NavigateUri放入连结的网址就行了

并且设定TargetName属性指定页面是在Frame内变换，或者是要开启新页面

[code] <HyperlinkButton Content="New Page"

NavigateUri="http://www.dotblogs.com.tw/yuan0716/" TargetName="_blank"/>

[/code]

?

_blank：将连结的文件载入新的空白视窗

_self：将页面载入使用者在其中 (使用中视窗) 连结的视窗

?

按下F5看看我们的成果





?

06

把News跟About页面照刚刚的方法制作完成後，就会跟范例一模一样啦~









?

07

这边要注意一点，在按HyperlinkButton换页时，看起来没有换页的感觉，不过你的网址列偷偷在改变喔!













所以Frame可以做到换页时，网址跟着变动!



08

引用msdn可以很简单看出Frame的功能：

<以 URI 来巡览内容时，Frame 会传回包含该内容的物件>

本篇的教学就到此。

(若有任何错误的地方，请各位前辈或同好能不吝指教，小女子都会虚心接受；若是你喜欢我的教学，请给我点鼓励，谢谢。)

一步一步迈向HIE之路

喜欢我文章请推我一下或给我个回应，你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要，请在文章回应处留言，我会尽快回覆您