TileView Transition animation

5 posts, 0 answers
  1. Alex
    Alex avatar
    5 posts
    Member since:
    Apr 2015

    Posted 07 Apr 2015 Link to this post

    Hi. I have question : When i change selected item the animation begins with the color spesified in Them. And it's not comfortable that my screen is always white in "Windows8Touch" them for example. How can i change color while transiting ?

     

    <telerik:RadTileView
                x:Name="RadTileViewMain"
                HorizontalAlignment="Stretch"  
                VerticalAlignment="Stretch"
                Margin="5"
                TileStateChangeTrigger="SingleClick"  
                telerik:StyleManager.Theme="Windows8Touch" Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" IsAutoScrollingEnabled="True" MinimizedColumnWidth="150" MinimizedRowHeight="125" MaximizeMode="One" PreservePositionWhenMaximized="True" ReorderingDuration="0:0:0.2" ResizingDuration="0:0:0.2" IsVirtualizing="True"
                >
                <telerik:RadFluidContentControl  telerik:StyleManager.Theme="Windows8Touch" Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" MouseDown="RadFluidContentControl_MouseDown" TransitionDuration="0:0:0.4" ScrollViewer.CanContentScroll="True" SnapsToDevicePixels="True">
                    <telerik:RadFluidContentControl.Content>
                        <Grid Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" Cursor="Hand">
                        </Grid>
                    </telerik:RadFluidContentControl.Content>
                    <telerik:RadFluidContentControl.SmallContent  >
                        <Grid Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" Cursor="Hand">
                            <StackPanel Orientation="Vertical" >
                                <Image Height="30"
                                    Source="{Binding UISettings.ThemType, ConverterParameter=sms-settings.png, Converter={StaticResource BtnConverter}, NotifyOnSourceUpdated=True}"
                                    HorizontalAlignment="Stretch" VerticalAlignment="Stretch"   />
                                <Label Foreground="{Binding UISettings.ForeColorBrush, NotifyOnTargetUpdated=True}" Content="{Binding Source={StaticResource Localization_WorkMode}}" x:Name="label1"  VerticalAlignment="Center"   HorizontalAlignment="Center" Margin="5,0,0,0" FontSize="16"  Tag="0"  />

                            </StackPanel>
                        </Grid>
                    </telerik:RadFluidContentControl.SmallContent>
                    <telerik:RadFluidContentControl.LargeContent>
                        <Grid Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" >
                            <Label x:Name="ModeSettings"/>
                        </Grid>
                    </telerik:RadFluidContentControl.LargeContent>
                </telerik:RadFluidContentControl>

  2. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 09 Apr 2015 Link to this post

    Hi Alex,

    I'm sorry but the information you are providing is unsufficient for us. Could you please attach a screencast or an isolated runnable project where this can be observed? Does the issue reproduces in this online sample if it had Windows8Touch theme applied?

    Looking forward to hearing from you.

    Regards,
    Evgenia
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. UI for WPF is Visual Studio 2017 Ready
  4. Alex
    Alex avatar
    5 posts
    Member since:
    Apr 2015

    Posted 10 Apr 2015 in reply to Evgenia Link to this post

    Hi in your demos background is white and only in one example there ara the RadFluidContentControl 

    In few words : There is the RadTileView  with a few RadFluidContentControls where the Background property is binded and it's not white. Large , Small  and just Content is described and the BackColor property is set the same way for every one of them. And on change state the background is always white atfirst in slow computers it longs for 1-3 seconds.

  5. Alex
    Alex avatar
    5 posts
    Member since:
    Apr 2015

    Posted 10 Apr 2015 Link to this post

    Forget to say : Windows8Touch Theme is set
  6. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 15 Apr 2015 Link to this post

    Hi Alex,

    I think I understand what you describe. The reason behind the reported issue is the fact that the RadFluidContentControl sets the color of its content to transparent (at the beginning of the animation) and then slowly switches the different content. This visualizes the background of the RadTileViewItem itself. By default it is white. 

    To overcome the reported behavior you can apply the color defined by your BackColorBrush to the RadTileViewItem (using a Style) instead to all contents of the RadFluidContentControl. Please give this approach a try and let us know if you need any further assistance.

    Regards,
    Pavel R. Pavlov
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top
UI for WPF is Visual Studio 2017 Ready