故事板间歇性地无法找到TargetName

时间:2014-08-16 00:40:32

标签: xaml animation windows-phone-8 storyboard



这可能是我遇到的最奇怪的问题,我无法找到任何合理的解释。

在我的WP8应用程序中,我试图在屏幕上为项目设置动画。对于我来说,物品的宽度是减小还是移到屏幕的一侧并不重要。

我尝试缩小物品的宽度,将物品放入容器中并缩小容器的宽度,并将物品从屏幕上移开。但是,每隔一段时间,故事板就抛出一个例外,说它无法解析TargetName。这种情况发生在我尝试过的每一种方法中,尽管每次动画元素的名称都不同。更糟糕的是,我在故事板开始的行上插入一个断点,然后在表中键入元素的名称,它就在那里。它不是空的或任何东西。所以我完全不知道出了什么问题。

这是我的一个故事板中的代码(一个用于隐藏元素,另一个用于显示元素):

<Storyboard x:Name="OpenSearch">
    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="txtNearbyHeader">
        <EasingDoubleKeyFrame KeyTime="0" Value="298"/>
        <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0">
            <EasingDoubleKeyFrame.EasingFunction>
                <QuarticEase EasingMode="EaseOut"/>
            </EasingDoubleKeyFrame.EasingFunction>
        </EasingDoubleKeyFrame>
    </DoubleAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="txtSearch">
        <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
        <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="480">
            <EasingDoubleKeyFrame.EasingFunction>
                <QuarticEase EasingMode="EaseOut"/>
            </EasingDoubleKeyFrame.EasingFunction>
        </EasingDoubleKeyFrame>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

以及我试图制作动画的元素:

<StackPanel Grid.Row="0" Orientation="Horizontal" Background="#B3006242">
    <TextBlock x:Name="txtNearbyHeader" Text="NEARBY" FontWeight="Light" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="White" Width="298" Padding="12,5" />
    <telerikPrimitives:RadTextBox x:Name="txtSearch" Width="0" Padding="6,1" Margin="0,-8,0,0" BorderBrush="Transparent" BorderThickness="2" Watermark="search for stores near..." ActionButtonVisibility="Visible" ExecuteActionOnReturn="True" ActionButtonTap="txtSearch_ActionButtonTap" KeyUp="txtSearch_KeyUp" />
    <Button Style="{StaticResource LargeButtonStyle}" Padding="0" Click="btnSearch_Click" >
        <Image Width="60" Source="/Toolkit.Content/ApplicationBar.Search.png" />
    </Button>
    <Rectangle Width="1" Fill="White" Margin="0,18" />
    <Button Style="{StaticResource LargeButtonStyle}" Padding="0" Click="btnStoreList_Click" >
        <Image Width="60" Source="/Assets/MainPage/List.png" />
    </Button>
    <Rectangle Width="1" Fill="White" Margin="0,18" />
    <Button Style="{StaticResource LargeButtonStyle}" Padding="0" Click="btnFilter_Click" >
        <Image Width="60" Source="/Assets/MainPage/Filter.png" />
    </Button>
</StackPanel>

我试图隐藏txtNearbyHeader并显示txtSearch。剩下的元素被推离屏幕右侧。

如果有人对可能造成这种情况的原因有任何想法,我全都耳朵! 谢谢你的帮助, 埃利奥特

0 个答案:

没有答案