Customizing RadTileAnimation

2 posts, 0 answers
  1. Spencer
    Spencer avatar
    10 posts
    Member since:
    Feb 2011

    Posted 15 Dec 2013 Link to this post

    I trying to change the animation speed for RadTileAnimation but changing things like the duration don't seem to affect it.

    <telerikData:RadJumpList 
    x:Name="deviceJumpList"
    CacheMode="BitmapCache"
    Grid.Row="2"
    IsAsyncBalanceEnabled="True"
    RealizedItemsBufferScale="2"
    EmptyContentDisplayMode="Always"
    IsStickyHeaderEnabled="True"
    SelectionChanged="DeviceJumpListSelectionChanged"
    SelectedItem="{Binding DeviceListSelectedItem, Mode=TwoWay}"
    ItemsSource="{Binding DeviceList}"
    ItemContainerStyle="{StaticResource ItemContainerStyle}"
    EmptyContentTemplate="{StaticResource EmptyContentTemplate}"
    GroupHeaderTemplate="{StaticResource GroupTemplate}"
    GroupPickerItemTemplate="{StaticResource GroupPickerItemTemplate}"
    GroupPickerItemStyle="{StaticResource GroupPickerItemStyle}"
    GroupPickerItemsPanel="{StaticResource NormalGroupPickerItemsPanel}"
    StickyHeaderTemplate="{StaticResource GroupTemplate}">
    <telerikData:RadJumpList.ItemTemplate>
    <DataTemplate x:Name="ItemDeviceTemplate">
    <controls:TiltEffectGrid
    Margin="{StaticResource PhoneTouchTargetOverhang}">
    <StackPanel x:Name="DataTemplateStackPanel" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Top">
    <StackPanel
    Background="{Binding IndicatorColor}"
    VerticalAlignment="Center">
    <Image
    Height="50"
    Width="5" />
    </StackPanel>
    <StackPanel
    Background="{Binding TileBackgroundColor}"
    VerticalAlignment="Center">
    <Image x:Name="ItemImage" Source="{Binding IconFilePath}" Height="50" Width="50" />
    </StackPanel>
    <StackPanel VerticalAlignment="Center">
    <TextBlock x:Name="Name" Text="{Binding Name}" Margin="6,0,0,0"
    FontSize="{StaticResource PhoneFontSizeLarge}"
    FontFamily="{StaticResource PhoneFontFamilySemiBold}"
    FontStyle="Normal" />
    <StackPanel Orientation="Horizontal" Visibility="{Binding StatusInfoVisibility, Converter={StaticResource BooleanToVisiblity}}" Margin="6,-2,0,0">
    <TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel1}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel1Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Bold" Text="{Binding StatusInfoText1}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText1Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel2}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel2Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Bold" Text="{Binding StatusInfoText2}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText2Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel3}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel3Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Bold" Text="{Binding StatusInfoText3}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText3Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel4}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel4Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Bold" Text="{Binding StatusInfoText4}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText4Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel5}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel5Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Bold" Text="{Binding StatusInfoText5}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText5Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel6}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel6Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    <TextBlock FontWeight="Bold" Text="{Binding StatusInfoText6}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText6Visibility, Converter={StaticResource BooleanToVisiblity}}" />
    </StackPanel>
    </StackPanel>
    </StackPanel>
    </controls:TiltEffectGrid>
    </DataTemplate>
    </telerikData:RadJumpList.ItemTemplate>
    <telerikData:RadJumpList.GroupPickerOpenAnimation>
    <telerik:RadTileAnimation 
    Duration="0:00:.5" InitialDelay="0:0:.08" IsTranslationEnabled="False" InOutAnimationMode="In" PerspectiveAngleY="0" PerspectiveAngleX="90" SequentialMode="LastToFirst" SequentialItemDelay="0"/>
    </telerikData:RadJumpList.GroupPickerOpenAnimation>
    <telerikData:RadJumpList.GroupPickerCloseAnimation>
    <telerik:RadTileAnimation Duration="0:00:.1" InitialDelay="0:0:.05" IsTranslationEnabled="False" InOutAnimationMode="Out" PerspectiveAngleY="0" PerspectiveAngleX="90" SequentialMode="LastToFirst" SequentialItemDelay="0"/>
    </telerikData:RadJumpList.GroupPickerCloseAnimation>
    </telerikData:RadJumpList>


  2. Victor
    Admin
    Victor avatar
    1351 posts

    Posted 18 Dec 2013 Link to this post

    Hello Spencer,

    Thanks for writing.
    You can set the ItemAnimationDuration property of RadTileAnimation to control the projection animation duration. The opacity animation is currently hardcoded to 200ms. We will consider making the opacity duration modifiable in a future release.

    Please write again if you need further assistance.

    Regards,
    Victor
    Telerik
    Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
  3. DevCraft banner
Back to Top