Jumplist flickering when selecting and going back

1 posts, 0 answers
  1. christian
    christian avatar
    10 posts
    Member since:
    Sep 2008

    Posted 09 May 2012 Link to this post

    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>
     
        <!--  LayoutRoot is the root grid where all page content is placed  -->
        <Grid x:Name="LayoutRoot" Background="Transparent">
            <Grid.RowDefinitions>
                <RowDefinition Height="67" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <!--  TitlePanel contains the name of the application and page title  -->
            <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>
                <!--  Pivot item one  -->
                <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>
Back to Top