This is a migrated thread and some comments may be shown as answers.

RadCustomHubTile flicker

2 Answers 59 Views
HubTile
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Sergio
Top achievements
Rank 1
Sergio asked on 08 Nov 2012, 12:45 AM

I've created a RadCustomHubTile with front and back content.
Clicking on it or scrolling has some nasty flickering/things going into the tile surroundings...

If I removed the BackContent I can't see it anymore.

I'm using a RadWrapPanel as ItemsPanel of a ListBox. but even removing it does not solve it.

The only way to make it disappear is to remove the BackContent, so that it does not flip anymore.

I've tried the current released binaries and the daily builds one, but it has the same behavior.

this is what I have as a list on main screen:

 

<ListBox ItemsSource="{Binding LiveStocks}" ItemTemplate="{StaticResource StockTemplate}">

 <ListBox.ItemsPanel>

 <ItemsPanelTemplate>

     <telerikPrimitives:RadWrapPanel Orientation="Horizontal" />

 </ItemsPanelTemplate>

 </ListBox.ItemsPanel>

 </ListBox>


and this is the data template:

        <DataTemplate x:Key="StockTemplate">

             <telerikPrimitives:RadCustomHubTile Width="{Binding TileSize, Converter={StaticResource TileSizeToWidthConverter}, FallbackValue=210}"

                                                 Height="{Binding TileSize, Converter={StaticResource TileSizeToHeightConverter}, FallbackValue=210}"

                                                 Margin="6"

                                                 HorizontalAlignment="Left"

                                                 UpdateInterval="{Binding FlipUpdateInterval}"

                                                 telerikCore:InteractionEffectManager.IsInteractionEnabled="True">

 

                <telerikPrimitives:RadCustomHubTile.FrontContent>

                    <StackPanel Background="{StaticResource PhoneAccentBrush}">

                        <Grid>

                            <Grid Background="Black"

                                  Opacity="0.25" />

                            <Grid>

                                <Grid.ColumnDefinitions>

                                    <ColumnDefinition />

                                    <ColumnDefinition Width="Auto" />

                                </Grid.ColumnDefinitions>

                                <Grid>

                                    <TextBlock Text="{Binding Symbol}"

                                               FontSize="{StaticResource PhoneFontSizeLarge}"

                                               FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                               Margin="8"

                                               FontWeight="Bold" />

                                </Grid>

                            </Grid>

                        </Grid>

                        <Grid>

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="Auto" />

                                <ColumnDefinition />

                            </Grid.ColumnDefinitions>

                            <TextBlock Text="{Binding LastTradePriceDisplay}"

                                       FontSize="{StaticResource PhoneFontSizeNormal}"

                                       FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                       Margin="8,0,8,0" />

                            <TextBlock Text="{Binding PercentualFormatted}"

                                       FontSize="{StaticResource PhoneFontSizeNormal}"

                                       FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                       Margin="8,0,8,0"

                                       Grid.Column="1"

                                       HorizontalAlignment="Right" />

                        </Grid>

                    </StackPanel>

                </telerikPrimitives:RadCustomHubTile.FrontContent>

 

                <telerikPrimitives:RadCustomHubTile.BackContent>

                    <Grid Background="{StaticResource PhoneAccentBrush}">

                        <StackPanel>

                            <TextBlock Text="{Binding Company}"

                                       FontSize="{StaticResource PhoneFontSizeMedium}"

                                       FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                       VerticalAlignment="Top"

                                       HorizontalAlignment="Left"

                                       Margin="8" />

                            <StackPanel Orientation="Horizontal">

 

                                <TextBlock Text="prev close: "

                                           FontSize="{StaticResource PhoneFontSizeNormal}"

                                           FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                           Margin="8,0,0,0" />

                                <TextBlock Text="{Binding PreviousCloseDisplay}"

                                           FontSize="{StaticResource PhoneFontSizeNormal}"

                                           FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                           Margin="0,0,8,0" />

                            </StackPanel>

                        </StackPanel>

                    </Grid>

                </telerikPrimitives:RadCustomHubTile.BackContent>

            </telerikPrimitives:RadCustomHubTile>

        </DataTemplate>


Any ideas what can be wrong?

2 Answers, 1 is accepted

Sort by
0
Victor
Telerik team
answered on 13 Nov 2012, 02:32 PM
Hello Sergio,

Thanks for writing.
I managed to reproduce some flicker only when the page is loaded. It occurs because the hub tile is first rendered in one visual state and then immediately goes to another. This will be fixed in the next internal build or official release. Is this the issue you are referring to?
If not please attach a sample app that demonstrates the problem so that I may debug it and provide a workaround if possible.

I am looking forward to your reply.

Regards,
Victor
the Telerik team
Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
0
Sergio
Top achievements
Rank 1
answered on 13 Nov 2012, 09:18 PM
Ok,
thank you for taking a look.

I've created 2 solutions, one for wp7.1, another for wp8.

I've additional information now:

WP7.1 app running on a 7.1 phone (tango) DOES NOT have the flickering.
The same app running on a wp8 phone (Nokia 920) has lots of it (just tap/move the tiles around).

WP8 app on the Nokia 920 phone exhibits exactly the same behavior.

Hope you can help me with this, as my target is WP7.1 and WP8 with only a WP7.1 solution for now.

Thank you for your time,
Sergio

PS looks like I cant attach the solutions here...
      I'll create the requested support ticket.
      here is the link to the opened ticket:

       http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=629444
Tags
HubTile
Asked by
Sergio
Top achievements
Rank 1
Answers by
Victor
Telerik team
Sergio
Top achievements
Rank 1
Share this question
or