在UI中出现的故事板文本

时间:2012-12-05 02:39:55

标签: c# xaml windows-phone-8

我正在尝试通过XAML在UI中实现故事板。由于某种原因,它在屏幕上显示为一个项目(可以理解,因为它在全景图中)。然而,无论我在哪里移动它,它都被认为是无效的,并且VS在城镇中熄灭,突出显示它无效。

我使用的代码如下:

<Grid x:Name="LayoutRoot">
    <phone:Panorama Title="The Journey" RenderTransformOrigin="0.5,0.5" Margin="0,-1.492,2.985,0.001" UseLayoutRounding="False" d:LayoutRounding="Auto" Loaded="Panorama_Loaded_1">
        <phone:Panorama.RenderTransform>
            <CompositeTransform Rotation="0.03"/>
        </phone:Panorama.RenderTransform>
        <phone:PanoramaItem Header="Journey Name" Name="journeyName"/>
        <phone:PanoramaItem Header="">
            <Grid/>
        </phone:PanoramaItem>
        <BeginStoryboard>
            <Storyboard>
                <ColorAnimation Storyboard.TargetName="journeyName"
                            From="Blue"
                            To="White"
                            Duration="0:0:3"
                            AutoReverse="True"
                            />
            </Storyboard>
        </BeginStoryboard>
    </phone:Panorama>
</Grid>

因此我得到了像

这样的东西
System.Windows.Media.Animation.BeginAnimation

作为其中一个项目的文本。

有什么想法吗?我是XAML的新手,所以我对它的结构规则不是很熟悉。非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

我没有花时间测试你的东西,但从它的外观来看,你有几个问题。对于初学者来说,中心有一个损坏的</Grid>结束标记。其次,您需要将故事板声明为您正在使用的任何资源。您还需要一种通过某种事件调用它的方法(将由您决定)并且您不会在要与之交互的对象上定位属性。所以,为了让你了解你离开的地方;

<Grid x:Name="LayoutRoot">
   <Grid.Resources>
       <BeginStoryboard>
            <Storyboard>
                <ColorAnimation Storyboard.TargetName="journeyName"
                            <!-- Not sure what property it is you're 
                                 trying to interact with here, replace
                                 "Property" with whatever it is... -->
                            Storyboard.TargetProperty="Property"
                            From="Blue"
                            To="White"
                            Duration="0:0:3"
                            AutoReverse="True"
                            />
            </Storyboard>
        </BeginStoryboard>
      </Grid.Resources>
    <phone:Panorama Title="The Journey" RenderTransformOrigin="0.5,0.5" Margin="0,-1.492,2.985,0.001" UseLayoutRounding="False" d:LayoutRounding="Auto" Loaded="Panorama_Loaded_1">
        <phone:Panorama.RenderTransform>
            <CompositeTransform Rotation="0.03"/>
        </phone:Panorama.RenderTransform>
        <phone:PanoramaItem Header="Journey Name" Name="journeyName"/>
        <phone:PanoramaItem Header="">
        </phone:PanoramaItem>       
    </phone:Panorama>
</Grid>

但是,我可能还建议快速访问谷歌机器并进行快速教程搜索,以了解一些basics。此外,Expression Blend使任何类型的故事板工作更轻松,更高效,因此值得关注。希望这会有所帮助,欢呼!