Storyboard to animate usercontrol throws exception: Cannot resolve TargetName

Question

Hello,

I'm trying to perform an animation for my usercontrol. The Xaml is: 

            
		<Grid>
                <Grid.Resources>
                    <Storyboard x:Name="predefinedColorPicerkMoveIn">
                        <DoubleAnimation Storyboard.TargetName="ucTranslation" Storyboard.TargetProperty="Y" Duration="0:0:1" To="-160" EnableDependentAnimation="True" />
                    </Storyboard>
                </Grid.Resources>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="150" />
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <StackPanel Orientation="Horizontal"/>
                <StackPanel Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
                    <Button x:Name="btnIncreasePageSize" HorizontalAlignment="Center" Click="HandleBtnIncreasePageSizeClick" >
                        <Image Source="ms-appx:/Assets/Icons/PageDownIncrease.png" />
                    </Button>
                </StackPanel>
                <StackPanel Grid.Column="2" Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,0,20,0">
                    <Grid>
                        <Button x:Name="btnForegroundColor" Background="{Binding ForegroundColor}" Click="HandleBtnForegroundColorClick" >
                            XYZ
                        </Button>
                        <uc:ThemeColorChooser x:Name="ucThemeColorChooser" Margin="-90,-460,90,0"> 
                            <uc:ThemeColorChooser.RenderTransform>
                                <TranslateTransform x:Name="ucTranslation" Y="0" />
                            </uc:ThemeColorChooser.RenderTransform>
                        </uc:ThemeColorChooser>
                    </Grid>
                </StackPanel>
            </Grid>

when in the code behind

        private void HandleBtnForegroundColorClick(object sender, RoutedEventArgs e)
        {
            this.predefinedColorPicerkMoveIn.Begin();
        }

an exception gets thrown saying:  "Additional information: Cannot resolve TargetName ucTranslation."

I don't have any idea why this happens.

Appreciated for any help.

Thanks.

Philipp

Answer 1

It looks like you're storyboarding the transition inside the control, not the control itself.

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator If my reply answers your question, please mark this post as answered.

Answer 2

It looks like you're storyboarding the transition inside the control, not the control itself.

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator If my reply answers your question, please mark this post as answered.

Yes, because I want to animate the transition. Isn't this possible?

According to this (german) blog post http://blogs.msdn.com/b/windowsappdev_de/archive/2012/05/04/schnelle-und-fl-252-ssige-animationen-f-252-r-apps-im-metro-stil.aspx this should be no problem (code in section "Beispiel für eine benutzerdefinierte XAML-Animation")

Did i miss something essential in that article?

Answer 3

I'm researching this.

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator If my reply answers your question, please mark this post as answered.

Answer 4

I'm not getting that problem.  Can you send me your application?  MSMALL at Microsoft.

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator
If my reply answers your question, please mark this post as answered.

Answer 5

Sent you an example application.

Answer 6

I can't find it in my email - I even checked the junk folder.  Can you resend it please?

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator
If my reply answers your question, please mark this post as answered.

Answer 7

Try something like this if you want to animate a Control using Translate Transform. You should be able to convert this to your implementation quite easily

<Page
    x:Class="Application58.BlankPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Application58"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
	<Page.Resources>
		<Storyboard x:Name="Storyboard1">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="button">
				<SplineDoubleKeyFrame KeyTime="0:0:0.9" Value="234"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="button">
				<SplineDoubleKeyFrame KeyTime="0:0:0.9" Value="-18"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</Page.Resources>

    <Grid Background="{StaticResource ApplicationPageBackgroundBrush}">
    	<Button x:Name="button" Content="Button" HorizontalAlignment="Left" Height="72" Margin="205,246,0,0" VerticalAlignment="Top" Width="171" RenderTransformOrigin="0.5,0.5">
    		<Button.RenderTransform>
    			<CompositeTransform/>
    		</Button.RenderTransform>
    	</Button>

    </Grid>
</Page>

---

Dev@Mic

Answer 8

Sent the email again. Additionally the app can be downloaded from: 

https://skydrive.live.com/redir.aspx?cid=fdda0bc0aa4709ed&resid=FDDA0BC0AA4709ED!376&parid=FDDA0BC0AA4709ED!375

Instructions:

1.  Open in Visual Sutdio
2.  Compile
3.  Run
4.  Click "Test" Button
5.  Exception will be thrown (At least on my Machine with W8 ConsumerPreview + VS11 Ultimate Beta)

Best regards,

Philipp

Answer 9

Does Harikrishna's proposal work to resolve this problem?

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator
If my reply answers your question, please mark this post as answered.

Answer 10

Yes it works.