WPF的Page介绍及Page Window Frame 之间的链接使用示例，嵌套问

?

　　可以看到,最外层是拥有导航的NavigationWindow,而内层还嵌套一个拥有导航的Frame.

　　细心的童鞋会发现,在上例子中我们并没有添加NavigationWindow的代码，可为什么还是有了效果呢?这是因为当设置了StartUri的对象为Page而不是Window,WPF就会为该Page创建一个NavigationWindow。

　　下面开始介绍Page之间的导航链接:

　　1.超链接(HyperLink)

?

　　上述代码使用了HyperLink的两种方式进行导航,一种是设置NavigateUri属性为目标页，另一种是使用NavigationService类的Navigate方法来进行导航页(当然，此方法不限于

　　HyperLink使用).

　　除了上述比较简单的使用外，HyperLink还可以在元素之间进行导航，例子如下：

<span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Grid<span style="color: #0000ff;"&gt;>
    <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;FlowDocumentReader<span style="color: #0000ff;"&gt;>
        <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;FlowDocument<span style="color: #0000ff;"&gt;>
            <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph <span style="color: #ff0000;"&gt;x:Name<span style="color: #0000ff;"&gt;="para"<span style="color: #ff0000;"&gt; FontSize<span style="color: #0000ff;"&gt;="24"<span style="color: #ff0000;"&gt; Background<span style="color: #0000ff;"&gt;="AliceBlue"<span style="color: #0000ff;"&gt;>
                <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Figure <span style="color: #ff0000;"&gt;Width<span style="color: #0000ff;"&gt;="100"<span style="color: #ff0000;"&gt; Height<span style="color: #0000ff;"&gt;="100"<span style="color: #ff0000;"&gt;  HorizontalAnchor<span style="color: #0000ff;"&gt;="ColumnRight"<span style="color: #ff0000;"&gt; HorizontalOffset<span style="color: #0000ff;"&gt;="-10"<span style="color: #ff0000;"&gt; VerticalAnchor<span style="color: #0000ff;"&gt;="ParagraphTop"<span style="color: #ff0000;"&gt; VerticalOffset<span style="color: #0000ff;"&gt;="-30"<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;BlockUIContainer<span style="color: #0000ff;"&gt;>
                        <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Image <span style="color: #ff0000;"&gt;Source<span style="color: #0000ff;"&gt;="bee.png"<span style="color: #0000ff;"&gt;/>
                    <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;BlockUIContainer<span style="color: #0000ff;"&gt;>
                <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Figure<span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                路由事件（Routed Event）
            <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
            <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Section <span style="color: #ff0000;"&gt;FontFamily<span style="color: #0000ff;"&gt;="华文仿宋"<span style="color: #0000ff;"&gt;>

                <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                    黄蓉凝目看去，只见那两只玉蜂双翅上也都有字，那六个字也是一模一样，右翅是“情谷底”，左翅是“我在绝”。黄蓉大奇，暗想：“造物虽奇，也决造不出这样一批蜜蜂来之理。其中必有缘故。” ……
                <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                    黄蓉不答，只是轻轻念着：“情谷底，我在绝。情谷底，我在绝。”她念了几遍，随即省悟：“啊！那是‘我在绝情谷底’。是谁在绝情谷底啊？难道是襄儿？”心中怦怦乱跳……
                <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph <span style="color: #ff0000;"&gt;TextAlignment<span style="color: #0000ff;"&gt;="Right"<span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                    ——《神雕侠侣：第三十八回 生死茫茫》
                <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
            <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Section<span style="color: #0000ff;"&gt;>
            <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Section <span style="color: #ff0000;"&gt;LineHeight<span style="color: #0000ff;"&gt;="25"<span style="color: #ff0000;"&gt; FontSize<span style="color: #0000ff;"&gt;="15"<span style="color: #0000ff;"&gt;>
                <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph <span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                    这一段讲的是小龙女深陷绝情谷地，用花树上的细刺，在玉蜂翅上刺下‘我在绝情谷底’六字，盼望玉蜂飞上之后，能为人发现。结果蜂翅上的细字被周伯通发现，而给黄蓉隐约猜到了其中含义。本节内容包括：
                <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;List <span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                        <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                            <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Hyperlink <span style="color: #ff0000;"&gt;NavigateUri<span style="color: #0000ff;"&gt;="Page4.xaml#first"<span style="color: #0000ff;"&gt;>
                                <span style="color: #008000;"&gt;<!--<span style="color: #008000;"&gt;<Hyperlink Click="Hyperlink_Click"&gt;<span style="color: #008000;"&gt;--><span style="color: #000000;"&gt;
                                从玉蜂说起，回顾.Net事件模型
                            <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Hyperlink<span style="color: #0000ff;"&gt;>
                        <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                        <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                            <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Hyperlink <span style="color: #ff0000;"&gt;NavigateUri<span style="color: #0000ff;"&gt;="Page4.xaml#second"<span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                                什么是路由事件？
                            <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Hyperlink<span style="color: #0000ff;"&gt;>
                        <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                        <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                            CLR事件足够完美，为什么还需要路由事件？
                        <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                        <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                            言归正传，话路由事件
                        <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;</<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                    <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;ListItem<span style="color: #0000ff;"&gt;>
                        <span style="color: #0000ff;"&gt;<<span style="color: #800000;"&gt;Paragraph<span style="color: #0000ff;"&gt;><span style="color: #000000;"&gt;
                            路由事件的实例
                        </Paragraph>
                    </ListItem>
                </List>
            </Section>
            <Paragraph x:Name="first" FontSize="20" Background="AliceBlue"&gt;
                1.    从玉蜂说起，回顾.Net事件模型
            </Paragraph>
            <Paragraph>
                木木熟悉神雕侠侣的故事，于是他根据“玉蜂传信”这样一个故事，信手画下这样一幅有趣的图。
            </Paragraph>
            <BlockUIContainer>
                <Image Source="routedevent.jpg"/&gt;
            </BlockUIContainer>
            <Paragraph>
                其实这一幅“玉蜂传信图”暗合.Net的事件模型。小龙女是事件的发布者，她发布了事件“我在绝情谷底”；老顽童和黄蓉是事件的订阅者，不过老顽童并没有处理该事件，而黄蓉处理了事件，隐约能猜出其中含义；至于可怜的小杨过，则根本没有订阅事件，只是苦苦念叨“龙儿，龙儿，你在哪儿……”；而玉蜂正是传递信息的事件。事件，事件的发布者和事件的订阅者构成了.Net事件模型的三个角色。在.Net当中，一个事件是用关键字event来表示的。如下代码所示：
            </Paragraph>
            <Paragraph xml:space="preserve" Background="#88888888"&gt;
                public delegate void WhiteBee(string param); //声明了玉蜂的委托
// 小龙女类
class XiaoLongnv
{
    public event WhiteBee WhiteBeeEvent;    //玉蜂事件
    public void OnFlyBee()
    {
        Console.WriteLine("小龙女在谷底日复一日地放着玉蜂，希望杨过有一天能看到.....");
        WhiteBeeEvent(msg);
    }
    private string msg = "我在绝情谷底";
}
// 老顽童类
class LaoWantong
{
    public void ProcessBeeLetter(string msg)
    {
        Console.WriteLine("老顽童：小蜜蜂、小蜜蜂，别跑");
    }
}

// 黄蓉类
class Huangrong
{
    public void ProcessBeeLetter(string msg)
    {
        Console.WriteLine("黄蓉："{0}",莫非......",msg);
    }
}
// 杨过类
class YangGuo
{
    public void ProcessBeeLetter(string msg)
    {
        Console.WriteLine("杨过："{0}",我一定会找她！",msg);
    }
    public void Sign()
    {
        Console.WriteLine("杨过叹息：龙儿，你在哪儿....");
    }
}

static void Main(string[] args)

{

// 第一步 人物介绍

XiaoLongnv longnv = new XiaoLongnv();   //小龙女

LaoWantong wantong = new LaoWantong();  //老顽童

Huangrong rong = new Huangrong();       //黄蓉

YangGuo guo = new YangGuo();            //杨过
   // 第二步 订阅事件,唯独没有订阅杨过的ProcessBeeLetter;
   longnv.WhiteBeeEvent += wantong.ProcessBeeLetter;
   longnv.WhiteBeeEvent += rong.ProcessBeeLetter;
   // longnv.WhiteBeeEvent += guo.ProcessBeeLetter; //杨过是没有订阅小龙女的玉蜂事件

   // 第三步 小龙女玉蜂传信
   longnv.OnFlyBee();

   // 第四步 杨过叹息
   guo.Sign();
}

                
                
                    什么是路由事件呢？木木很快查看了一下MSDN，MSDN从功能和实现两种视角给出了路由事件的定义。
                
                
                    Functional definition: A routed event is a type of event that can invoke handlers on multiple listeners in an element tree,rather than just on the object that raised the event.
                
                
                    Implementation definition: A routed event is a CLR event that is backed by an instance of the RoutedEvent class and is processed by the Windows Presentation Foundation (WPF) event system.
                
                
                    虽然木木现在英语功底已经进步了很多，但是这两个定义还是让他看得一头雾水。看来必须得找个例子有点感性的认识（以大家都非常熟悉的Button的Click事件为例，该事件是个路由事件，可以通过Reflector查看ButtonBase的源码）。
                
            
        
    

                        
                        
                            
                        
                    
                
                
                
                
                    
                
                
                // 老顽童类
class LaoWantong
{
    public void ProcessBeeLetter(string msg)
    {
        Console.WriteLine("老顽童：小蜜蜂、小蜜蜂，别跑");
    }
}

// 黄蓉类
class Huangrong
{
    public void ProcessBeeLetter(string msg)
    {
        Console.WriteLine("黄蓉："{0}",唯独没有订阅杨过的ProcessBeeLetter;
   longnv.WhiteBeeEvent += wantong.ProcessBeeLetter;
   longnv.WhiteBeeEvent += rong.ProcessBeeLetter;
   // longnv.WhiteBeeEvent += guo.ProcessBeeLetter; //杨过是没有订阅小龙女的玉蜂事件

   // 第三步 小龙女玉蜂传信
   longnv.OnFlyBee();

   // 第四步 杨过叹息
   guo.Sign();
}

上述代码较长(摘抄自 WPF葵花宝典),使用了一个FlowDocumentReader文本阅读控件，在其中有多个段落(Paragraph)，同时在HyperLink中设置了NavigateUri，可以看到
属性值除了包含xaml名称之外，还包含了"#"这样的符号，没错这个就是类似于Html中的，本页之间的超链，通过指定"#元素名称"，在点击HyperLink之后，就可以导航到Name
为所指定的元素。

?导航工具栏:

只需指定按钮的Command属性为对应的命令即可，是不是很简单呢。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!