zoukankan      html  css  js  c++  java
  • Silverlight 页面导航

    Silverlight 3 的一个新特性是通过在其APIs中提供一个导航框架来实现页面的跳转。

    在App.xaml里提供了这种方式来使用它的Uri映射机制。

     1:  <Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   
     2:               xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    
     3:               x:Class="NavigationSample.App"   
     4:               xmlns:navcore="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Controls.Navigation"   >
     5:      <Application.Resources>
     6:          <navcore:UriMapper x:Key="uriMapper">
     7:              <navcore:UriMapping Uri="About-Us" MappedUri="/Views/AboutPage.xaml" /> 
     8:          </navcore:UriMapper> 
     9:      </Application.Resources> 
    10:  </Application>

    如果你不确定页面的绝对路径,你还可以通过通配符来实现动态的Uri影射。

    1:  <navcore:UriMapper x:Key="uriMapper">
    2:       <navcore:UriMapping Uri="{}{page}" MappedUri="/Views/{page}.xaml" /> 
    3:   </navcore:UriMapper>

    这样做十分友好。可以动态帮你实现页面的绝对路径跳转.

    你还可以按照一些命名规则,比如你确定你仅需要在页面或者其他什么上限制路由,你可以给你的视图页面命名为"某某Page.xaml",那么你可以编写路由就像这样:

    1:  <navcore:UriMapper x:Key="uriMapper">
    2:      <navcore:UriMapping Uri="{}{page}" MappedUri="/Views/{page}Page.xaml" /> 
    3:  </navcore:UriMapper>

    这些导航路由是自上而下读取的,所以默认状态下你仍然可以同时拥有明确的(或扩展的)路由。 因此给出如下代码:

    1:  <navcore:UriMapper x:Key="uriMapper">
    2:      <navcore:UriMapping Uri="About-Us" MappedUri="/Views/AboutPage.xaml" /> 
    3:      <navcore:UriMapping Uri="History" MappedUri="/Views/AboutPage.xaml" />
    4:      <navcore:UriMapping Uri="{}{page}" MappedUri="/Views/{page}.xaml" /> 
    5:  </navcore:UriMapper>

    当一个访问请求About-Us,History或者About页面,都会导航到/Views/AboutPage.xaml上。这就提供给你的实现一定的可伸缩性和粒度性,同时也为你的页面内容提供附加的搜索引擎优化得分点。

  • 相关阅读:
    vue-learning:8-template-v-on-and-modifier
    vue-learning:7-template-v-bind-with-class-and-style
    vue-learning:6-template-v-bind
    vue-learning:5-template-v-for
    Bootstrap 导航栏
    Bootstrap 导航元素
    Bootstrap 输入框组
    Bootstrap 按钮下拉菜单
    Bootstrap 按钮组
    Bootstrap 下拉菜单(Dropdowns)
  • 原文地址:https://www.cnblogs.com/jacle169/p/2810080.html
Copyright © 2011-2022 走看看