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

[Solved] Jumplist flickering when selecting and going back

0 Answers 98 Views

JumpList

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

This question is locked. New answers and comments are not allowed.

christian asked on 09 May 2012, 10:36 AM

Have anyone experienced that?

it almost looks like its databinding again but its not i checed that but for some reason its redrawaing it self again.

Anyone have any ideas?

<phone:PhoneApplicationPage x:Class="WP.GUI.Views.ContactsView"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:cal="http://www.caliburnproject.org"

xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"

xmlns:Converters="clr-namespace:WP.GUI.Uihelpers.Converters"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"

xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"

xmlns:telerikDataControls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Data"

xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Primitives"

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

xmlns:uihelpers="clr-namespace:WP.GUI.Uihelpers.Templates"

Name="page"

d:DesignHeight="800"

d:DesignWidth="480"

FontFamily="{StaticResource PhoneFontFamilyNormal}"

FontSize="{StaticResource PhoneFontSizeNormal}"

Foreground="{StaticResource PhoneForegroundBrush}"

Orientation="Portrait"

shell:SystemTray.IsVisible="False"

Style="{StaticResource TransitionPageStyle}"

SupportedOrientations="Portrait"

mc:Ignorable="d">

<i:Interaction.Triggers>

<i:EventTrigger EventName="Loaded">

<cal:ActionMessage MethodName="ViewLoaded" />

</i:EventTrigger>

</i:Interaction.Triggers>

<Grid x:Name="LayoutRoot" Background="Transparent">

<Grid.RowDefinitions>

<RowDefinition Height="67" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<Image Grid.Row="0"

Grid.RowSpan="2"

Height="212"

VerticalAlignment="Top"

Source="/Images/bg_plain.jpg"

Stretch="None" />

<controls:Pivot Title="Contacts"

Grid.Row="1"

SelectedIndex="{Binding SelectContactsList}"

Style="{StaticResource RebContactPivotTemplate}">

<controls:Pivot.TitleTemplate>

<DataTemplate>

<Image Margin="0,0,14,0"

Source="/Images/Headers/heading-contacts.png"

Stretch="None" />

</DataTemplate>

</controls:Pivot.TitleTemplate>

<controls:PivotItem Header="{Binding Path=LocalizedResources.RecentContacts, Source={StaticResource LocalizedStrings}}">

<StackPanel>

<Button Name="GoToLogin">To to login</Button>

<Button Name="GoToStart">To to start</Button>

<Button Name="TurnGridOn">Turn grid on/off</Button>

</StackPanel>

</controls:PivotItem>

<!--

Pivot item two

GroupPickerItemTap="OnJumpList_GroupPickerItemTap"

-->

<controls:PivotItem Header="{Binding Path=LocalizedResources.CheapContacts, Source={StaticResource LocalizedStrings}}">

<StackPanel />

</controls:PivotItem>

<controls:PivotItem Header="{Binding Path=LocalizedResources.AllContacts, Source={StaticResource LocalizedStrings}}">

<StackPanel>

<telerikDataControls:RadJumpList Name="AllContacts"

Height="550"

cal:Action.TargetWithoutContext="{Binding ElementName=LayoutRoot,

Path=DataContext}"

cal:Message.Attach="[Event GroupPickerItemTap] = [Action TapSelector($source , $eventArgs)]"

GroupDescriptorsSource="{Binding GroupDescriptors, Mode=OneTime}"

GroupPickerItemsSource="{Binding GroupPickerItems, Mode=OneTime}"

IsStickyHeaderEnabled="True"

ItemsSource="{Binding ContactsList,

Mode=OneWay}"

ItemTap="AllContacts_ItemTap"

SelectedItem="{Binding AllContactsSelectedItem,

Mode=TwoWay}"

SortDescriptorsSource="{Binding SortDescriptors, Mode=OneTime}">

<telerikDataControls:RadJumpList.EmptyContent>

<Grid HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

Background="White"

Opacity="0.5">

<toolkit:PerformanceProgressBar IsEnabled="True" IsIndeterminate="True" />

<TextBlock Name="textBlock1"

Width="111"

Margin="0,20,0,0"

HorizontalAlignment="Stretch"

VerticalAlignment="Center"

FontSize="22"

Opacity="1"

Text="{Binding Path=LocalizedResources.Loading,

Source={StaticResource LocalizedStrings}}" />

</Grid>

</telerikDataControls:RadJumpList.EmptyContent>

<telerikDataControls:RadJumpList.ItemTemplate>

<DataTemplate toolkit:TiltEffect.IsTiltEnabled="True">

<Grid Margin="12,5,4,5">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="auto" />

<ColumnDefinition Width="*" />

</Grid.ColumnDefinitions>

<Border Grid.Column="0"

Width="64"

Height="64"

BorderBrush="Black"

BorderThickness="1">

<Image Width="64"

Height="64"

Source="{Binding Photo}" />

</Border>

<TextBlock Grid.Column="1"

Margin="10,0,0,0"

FontSize="{StaticResource PhoneFontSizeExtraLarge}"

Text="{Binding FullName}"

toolkit:TiltEffect.IsTiltEnabled="True" />

</Grid>

</DataTemplate>

</telerikDataControls:RadJumpList.ItemTemplate>

<telerikDataControls:RadJumpList.GroupHeaderTemplate>

<DataTemplate>

<Border Width="64"

Height="64"

Margin="12,4,4,4"

HorizontalAlignment="Left"

Background="{StaticResource rebtelblue}"

BorderThickness="0">

<TextBlock Margin="8,4,4,2"

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

FontFamily="{StaticResource PhoneFontFamilyLight}"

FontSize="{StaticResource PhoneFontSizeExtraLarge}"

Foreground="{StaticResource PhoneBackgroundBrush}"

Text="{Binding Key}" />

</Border>

</DataTemplate>

</telerikDataControls:RadJumpList.GroupHeaderTemplate>

<telerikDataControls:RadJumpList.StickyHeaderTemplate>

<DataTemplate>

<Border HorizontalAlignment="Stretch"

Background="White"

BorderThickness="0"

Padding="12, 2, 0, 2">

<StackPanel Orientation="Horizontal">

<Border Width="64"

Height="64"

Margin="0,0,0,0"

HorizontalAlignment="Left"

Background="{StaticResource rebtelblue}"

BorderThickness="0">

<TextBlock Margin="8,4,4,2"

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

FontFamily="{StaticResource PhoneFontFamilyLight}"

FontSize="{StaticResource PhoneFontSizeExtraLarge}"

Foreground="{StaticResource PhoneBackgroundBrush}"

Text="{Binding Key}" />

</Border>

</StackPanel>

</Border>

</DataTemplate>

</telerikDataControls:RadJumpList.StickyHeaderTemplate>

<telerikDataControls:RadJumpList.GroupPickerItemTemplateSelector>

<uihelpers:ContactTemplateSelector x:Name="templateSelector">

<uihelpers:ContactTemplateSelector.LinkedItemTemplate>

<DataTemplate>

<Border Width="96"

Height="96"

Margin="6"

Background="{StaticResource rebtelblue}">

<TextBlock Margin="8"

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

FontSize="{StaticResource PhoneFontSizeExtraLarge}"

Foreground="White"

Text="{Binding}" />

</Border>

</DataTemplate>

</uihelpers:ContactTemplateSelector.LinkedItemTemplate>

<uihelpers:ContactTemplateSelector.EmptyItemTemplate>

<DataTemplate>

<Border Width="96"

Height="96"

Margin="6"

Background="{StaticResource PhoneChromeBrush}"

IsHitTestVisible="False">

<TextBlock Margin="8"

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

FontSize="{StaticResource PhoneFontSizeExtraLarge}"

Foreground="{StaticResource PhoneDisabledBrush}"

Text="{Binding}" />

</Border>

</DataTemplate>

</uihelpers:ContactTemplateSelector.EmptyItemTemplate>

</uihelpers:ContactTemplateSelector>

</telerikDataControls:RadJumpList.GroupPickerItemTemplateSelector>

<telerikDataControls:RadJumpList.GroupPickerItemsPanel>

<ItemsPanelTemplate>

<telerikPrimitives:RadWrapPanel Margin="8,30,0,0"

ItemHeight="106"

ItemWidth="115" />

</ItemsPanelTemplate>

</telerikDataControls:RadJumpList.GroupPickerItemsPanel>

</telerikDataControls:RadJumpList>

</StackPanel>

</controls:PivotItem>

</controls:Pivot>

</Grid>

</phone:PhoneApplicationPage>