Sign in
 
HomeLearnLibraryForums
Microsoft Expression >
> 
> 
silverlight blend PathListBox animation object when animated losses image definition on resolution bigger then 800

Pregunta silverlight blend PathListBox animation object when animated losses image definition on resolution bigger then 800

  • Wednesday, November 21, 2012 2:44 AM
     
     
    Sign In to Vote
    0

    here is my code

    when animate the ellipes losses resolution can anyone hellp?

    my code

    <UserControl
     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:ec="http://schemas.microsoft.com/expression/2010/controls"
     xmlns:System="clr-namespace:System;assembly=mscorlib"
     xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
     xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
     mc:Ignorable="d"
     Height="150" Width="1800"
     x:Class="SilverlightApplication34.MainPage">
     <UserControl.Resources>
      <Storyboard x:Key="Storyboard" BeginTime="0:0:0"  RepeatBehavior="Forever">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(ec:PathListBox.LayoutPaths)[0].(ec:LayoutPath.Start)" Storyboard.TargetName="pathListBox" d:IsOptimized="true" >
        <SplineDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:3" Value="1" KeySpline="0.28,0.48,0.63,0.2"/>
                </DoubleAnimationUsingKeyFrames>
       
        <DoubleAnimationUsingKeyFrames  Storyboard.TargetProperty="(ec:PathListBox.LayoutPaths)[0].(ec:LayoutPath.Start)" Storyboard.TargetName="pathListBox2" d:IsOptimized="true">
                    <SplineDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:3.5" Value="1" KeySpline="0.28,0.48,0.63,0.2"/>
                </DoubleAnimationUsingKeyFrames>
       
       <DoubleAnimationUsingKeyFrames  Storyboard.TargetProperty="(ec:PathListBox.LayoutPaths)[0].(ec:LayoutPath.Start)" Storyboard.TargetName="pathListBox3" d:IsOptimized="true">
                    <SplineDoubleKeyFrame KeyTime="0:0:1" Value="0"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:4" Value="1" KeySpline="0.28,0.48,0.63,0.2"/>
                </DoubleAnimationUsingKeyFrames>
       
       <DoubleAnimationUsingKeyFrames   Storyboard.TargetProperty="(ec:PathListBox.LayoutPaths)[0].(ec:LayoutPath.Start)" Storyboard.TargetName="pathListBox4" d:IsOptimized="true">
                    <SplineDoubleKeyFrame KeyTime="0:0:1.5" Value="0"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:4.5" Value="1" KeySpline="0.28,0.48,0.63,0.2"/>
                </DoubleAnimationUsingKeyFrames>
       
       <DoubleAnimationUsingKeyFrames  Storyboard.TargetProperty="(ec:PathListBox.LayoutPaths)[0].(ec:LayoutPath.Start)" Storyboard.TargetName="pathListBox5" d:IsOptimized="true">
                    <SplineDoubleKeyFrame KeyTime="0:0:2" Value="0"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:5" Value="1" KeySpline="0.28,0.48,0.63,0.2"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
          
      
     </UserControl.Resources>

     <Grid  x:Name="LayoutRoot" Background="black">
      <Grid.RowDefinitions>
       <RowDefinition Height="*"/>
       <RowDefinition Height="20"/>
       <RowDefinition Height="*"/>
      </Grid.RowDefinitions>
      <Grid  Grid.Row="1" >
       <i:Interaction.Triggers>
         <i:EventTrigger>
          <ei:ControlStoryboardAction Storyboard="{StaticResource Storyboard}"/>
          
         </i:EventTrigger>
        </i:Interaction.Triggers>

       <ec:PathListBox x:Name="pathListBox"  Padding="0" >
        <ec:PathListBox.LayoutPaths>
         <ec:LayoutPath SourceElement="{Binding ElementName=path1}" Start="0" />
        </ec:PathListBox.LayoutPaths>
        <Ellipse Fill="orange"  Width="6" Height="10" StrokeThickness="10" RenderTransformOrigin="0.5,0.5" />
       </ec:PathListBox>

       <ec:PathListBox x:Name="pathListBox2"  Padding="0" >
        <ec:PathListBox.LayoutPaths>
         <ec:LayoutPath SourceElement="{Binding ElementName=path1}" Start="0" />
        </ec:PathListBox.LayoutPaths>
        <Ellipse Fill="#FF00ABF3"  Width="10" Height="10" StrokeThickness="0"  RenderTransformOrigin="0.5,0.5" />
       </ec:PathListBox>
       
       <ec:PathListBox x:Name="pathListBox3"  Padding="0" >
        <ec:PathListBox.LayoutPaths>
         <ec:LayoutPath SourceElement="{Binding ElementName=path1}" Start="0" />
        </ec:PathListBox.LayoutPaths>
        <Ellipse Fill="#FF00ABF3"  Width="10" Height="10" StrokeThickness="0"   RenderTransformOrigin="0.5,0.5" />
       </ec:PathListBox>
       
       <ec:PathListBox x:Name="pathListBox4"  Padding="0" >
        <ec:PathListBox.LayoutPaths>
         <ec:LayoutPath SourceElement="{Binding ElementName=path1}" Start="0" />
        </ec:PathListBox.LayoutPaths>
        <Ellipse Fill="#FF00ABF3"  Width="10" Height="10" StrokeThickness="0"  RenderTransformOrigin="0.5,0.5" />
       </ec:PathListBox>
       
       <ec:PathListBox x:Name="pathListBox5"  Padding="0" >
        <ec:PathListBox.LayoutPaths>
         <ec:LayoutPath SourceElement="{Binding ElementName=path1}" Start="0"/>
        </ec:PathListBox.LayoutPaths>
        <Ellipse Fill="#FF00ABF3"  Width="10" Height="10" StrokeThickness="0"  RenderTransformOrigin="0.5,0.5" />

       </ec:PathListBox>
       
       
       <Path x:Name="path1" Data="M208,8 L632,8" Fill="transparent" Margin="0,0,0,0" Stretch="Fill" Stroke="transparent" />
      
      </Grid>
     </Grid>
    </UserControl>