5

任何人都曾经遇到过SlideInEffectWindows TurnstileFeatherEffectPhone 工具包的问题吗?

我正在努力SlideInEffect 工作,LongListSelectorLongListMultiSelector到目前为止没有运气。

在页面加载时也TurnstileFeatherEffect不起作用,但在离开它们时它确实起作用。同样适用于所有页面(全景/透视/普通页面)。

以普通页面上的代码为例:

<phone:PhoneApplicationPage
    x:Class="SamplePage.Pages.About"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    shell:SystemTray.IsVisible="True">

    <!--Transitions-->
    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileFeatherTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileFeatherTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileFeatherTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileFeatherTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel Grid.Row="0" Margin="12,17,0,20">
            <TextBlock Text="ABOUT" Style="{StaticResource PhoneTextNormalStyle}" Foreground="#404041" FontWeight="Bold" toolkit:TurnstileFeatherEffect.FeatheringIndex="0"/>
        </StackPanel>

        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="24,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Top">
            <Grid>
                <Image Height="100" Source="/Assets/Images/logo.png" Margin="-5,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" toolkit:TurnstileFeatherEffect.FeatheringIndex="1"/>

                <StackPanel Margin="0,90,0,0">
                    <StackPanel Margin="0,0,0,0" Orientation="Horizontal" HorizontalAlignment="Left" toolkit:TurnstileFeatherEffect.FeatheringIndex="2">
                        <Image Height="76" Width="76" Margin="-16,0,-20,0" Source="/Assets/AppBar/appbar.shield.png"/>
                        <HyperlinkButton Foreground="#FF474747" NavigateUri="http://sample.com/" TargetName="_anything" Content="Privacy Policy"/>
                    </StackPanel>
                    <StackPanel toolkit:TurnstileFeatherEffect.FeatheringIndex="3" Margin="0,-20,0,0" Orientation="Horizontal" HorizontalAlignment="Left">
                        <Image Height="76" Width="76" Margin="-16,0,-20,0" Source="/Assets/AppBar/appbar.email.png"/>
                        <HyperlinkButton Foreground="#FF474747" NavigateUri="http://sample.com/" TargetName="_anything" Content="Send Feedback"/>
                    </StackPanel>
                </StackPanel>

                <ScrollViewer Margin="0,210,0,0">
                    <Grid>
                        <StackPanel Margin="2,0,12,0">
                            <!-- HEADER -->
                            <TextBlock TextWrapping="Wrap" Text="Version" FontWeight="Bold" FontSize="30" Foreground="#FF363636" toolkit:TurnstileFeatherEffect.FeatheringIndex="4"/>
                            <!-- BODY -->
                            <RichTextBox TextWrapping="Wrap" Margin="-10,0,0,0" TextAlignment="Justify" FontSize="24" Foreground="#FF363636" toolkit:TurnstileFeatherEffect.FeatheringIndex="5">
                                <Paragraph>
                                    <Run Text="0.0.1"/>
                                </Paragraph>
                            </RichTextBox>

                            <!-- HEADER -->
                            <TextBlock TextWrapping="Wrap" Text="Description" FontWeight="Bold" FontSize="30" Foreground="#FF363636" toolkit:TurnstileFeatherEffect.FeatheringIndex="6"/>
                            <!-- BODY -->
                            <RichTextBox TextWrapping="Wrap" Margin="-10,0,0,0" TextAlignment="Justify" FontSize="24" Foreground="#FF363636" toolkit:TurnstileFeatherEffect.FeatheringIndex="7">
                                <Paragraph>
                                    <Run Text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."/>
                                </Paragraph>
                            </RichTextBox>

                            <!-- HEADER -->
                            <TextBlock TextWrapping="Wrap" Text="Developed by" FontWeight="Bold" FontSize="30" Foreground="#FF363636" toolkit:TurnstileFeatherEffect.FeatheringIndex="8"/>
                            <!-- BODY -->
                            <Grid HorizontalAlignment="Left" Width="440" toolkit:TurnstileFeatherEffect.FeatheringIndex="9">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>

                                <Image Grid.Column="0" HorizontalAlignment="Left" Source="/Assets/Images/logo.png"></Image>
                                <Image Grid.Column="1" Margin="5,0,0,0" HorizontalAlignment="Left" Source="/Assets/Images/logo.png"></Image>
                            </Grid>
                        </StackPanel>
                    </Grid>
                </ScrollViewer>
            </Grid>
        </Grid>
    </Grid>

</phone:PhoneApplicationPage>

另请注意,我更改RootFramenew TransitionFrame().

4

1 回答 1

1

一段时间后,我发现了问题。

因此,在某些不支持羽化过渡的页面上,您似乎必须使用正常的过渡:

    <!--Transitions-->
    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

在将它放在恰好是全景图的 MainPage.xaml 上之后,其他一切都正常。

于 2013-10-08T14:03:53.307 回答