[学习笔记]Silverlight4 RIA 开发全程解析[项目全程记录]第一章FitnessTrackerPlus应用程序概述

一.新建项目

二.此项目模版创建两个新项目，silverlight程序寄宿在ASP.NET网站项目.项目运行效果(我设置了在WEB浏览器外运行)

现在看到的项目运行效果 是不是很像ASP.NET网站？其实此页面完全是Silverlight控件。内嵌了Navigation Framework框架支持，可以实现XAML页面之间的导航，与普通的Silverlight不同.

项目解决方案

二.导航框架代码

<Grid x:Name="LayoutRoot" Style="{StaticResource LayoutRootGridStyle}">

        <Border x:Name="ContentBorder" Style="{StaticResource ContentBorderStyle}">

            <navigation:Frame x:Name="ContentFrame" Style="{StaticResource ContentFrameStyle}" 
                              Source="/Home" Navigated="ContentFrame_Navigated" NavigationFailed="ContentFrame_NavigationFailed">
                <navigation:Frame.UriMapper>
                  <uriMapper:UriMapper>
                    <!--我们给页面取别名，这样就可以简化页面名称，访问页面即可导航实际页面-->
                    <uriMapper:UriMapping Uri="" MappedUri="/Views/Home.xaml"/>
                    <uriMapper:UriMapping Uri="/{pageName}" MappedUri="/Views/{pageName}.xaml"/>
                  </uriMapper:UriMapper>
                </navigation:Frame.UriMapper>
            </navigation:Frame>
        </Border>

        <Grid x:Name="NavigationGrid" Style="{StaticResource NavigationGridStyle}">

            <Border x:Name="BrandingBorder" Style="{StaticResource BrandingBorderStyle}">
                <StackPanel x:Name="BrandingStackPanel" Style="{StaticResource BrandingStackPanelStyle}">

                    <ContentControl Style="{StaticResource LogoIcon}"/>
                    <TextBlock x:Name="ApplicationNameTextBlock" Style="{StaticResource ApplicationNameStyle}" 
                               Text="应用程序名"/>

                </StackPanel>
            </Border>

            <Border x:Name="LinksBorder" Style="{StaticResource LinksBorderStyle}">
                <StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}">
                    <!--导航按钮HyperlinkButton-->
                    <HyperlinkButton x:Name="Link1" Style="{StaticResource LinkStyle}"                                
                                     NavigateUri="/Home" TargetName="ContentFrame" Content="主页"/>
                    <!--别名导航-->
                    <Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}"/>
                    
                    <HyperlinkButton x:Name="Link2" Style="{StaticResource LinkStyle}" 
                                     NavigateUri="/About" TargetName="ContentFrame" Content="关于"/>

                </StackPanel>
            </Border>

        </Grid>

    </Grid>