Create a nice Navigation Flip in Silverlight3

概述1. Add Navigation assembly in the application and import the namespace for the assembly. xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" 2. In this

1. Add Navigation assembly in the application and import the namespace for the assembly.

xmlns:navigation="clr-namespace:System.windows.Controls;assembly=System.windows.Controls.Navigation"

2. In this sample,you have to create 4 pages,Page1.xaml,Page2.xaml,Page3.xaml,Page4.xaml under the folder VIEws.

2. defiine the xaml code

<UserControl x:Class="FlipPages3D.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/Expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:navigation="clr-namespace:System.windows.Controls;assembly=System.windows.Controls.Navigation" mc:Ignorable="d" d:DesignWIDth="640" d:DesignHeight="480"> <GrID x:name="LayoutRoot" Background="Black"> <GrID.RowDeFinitions> <RowDeFinition Height="50" /> <RowDeFinition Height="*" /> </GrID.RowDeFinitions> <StackPanel OrIEntation="Horizontal" Background="Gray" GrID.Row="0" GrID.Column="0"> <Hyperlinkbutton Content="Page1" Tag="/VIEws/Page1.xaml" Background="White" WIDth="100" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Click="Hyperlinkbutton_Click" /> <Hyperlinkbutton Content="Page2" Tag="/VIEws/Page2.xaml" Background="White" WIDth="100" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Click="Hyperlinkbutton_Click" /> <Hyperlinkbutton Content="Page3" Tag="/VIEws/Page3.xaml" Background="White" WIDth="100" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Click="Hyperlinkbutton_Click" /> <Hyperlinkbutton Content="Page4" Tag="/VIEws/Page4.xaml" Background="White" WIDth="100" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Click="Hyperlinkbutton_Click" /> </StackPanel> <StackPanel GrID.Row="1" GrID.Column="0" Background="Wheat"> <StackPanel.Projection> <PlaneProjection x:name="mainPanelProjection" /> </StackPanel.Projection> <StackPanel.Resources> <Storyboard x:name="FlipStart"> <DoubleAnimation From="0" To="90" Duration="00:00:1" Completed="Flip1Half_Completed" Storyboard.Targetname="mainPanelProjection" Storyboard.TargetProperty="RotationY"> </DoubleAnimation> </Storyboard> <Storyboard x:name="FlipEnd"> <DoubleAnimation From="270" To="360" Duration="00:00:1" Storyboard.Targetname="mainPanelProjection" Storyboard.TargetProperty="RotationY"> <DoubleAnimation.EasingFunction> <BackEase EasingMode="EaSEOut" /> </DoubleAnimation.EasingFunction> </DoubleAnimation> </Storyboard> </StackPanel.Resources> <navigation:Frame x:name="MainFrame" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" margin="20" Source="/VIEws/Page1.xaml" /> </StackPanel> </GrID></UserControl>

 

3. write the code behind

public partial class MainPage : UserControl { Hyperlinkbutton menuClicked = null; public MainPage() { InitializeComponent(); } private voID Hyperlinkbutton_Click(object sender,RoutedEventArgs e) { menuClicked = sender as Hyperlinkbutton; if (MainFrame.source.ToString() != menuClicked.Tag.ToString()) FlipStart.Begin(); } voID Flip1Half_Completed(object sender,EventArgs e) { if (menuClicked != null) MainFrame.Navigate(new Uri(menuClicked.Tag.ToString(),UriKind.relative)); FlipEnd.Begin(); } }

总结

以上是内存溢出为你收集整理的Create a nice Navigation Flip in Silverlight3全部内容，希望文章能够帮你解决Create a nice Navigation Flip in Silverlight3所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。