TiltEffect on longListSelector Items, windows phone 8

Question

This may sound really NOOBI!
I have a LongListSelector for showing some items in my app, and I wanted to add this cool effect called TiltEffect to the items so they show some interaction as user taps on one of the them.
For that matter I searched the internet and came up with this link on MSDN and I have done as instructed there. I downloaded the code sample, added the discussed class to my project and in the MainPage.xaml I added the following lines:

    xmlns:local="clr-namespace:MyNamespace"
    local:TiltEffect.IsTiltEnabled="True"

alnd also in the class TiltEffect.cs I added LongListSelector as a TiltableItem like this:

    static TiltEffect()
    {
        // The tiltable items list.
        TiltableItems = new List<Type>() { typeof(ButtonBase), typeof(ListBoxItem), typeof(LongListSelector),};
        UseLogarithmicEase = false;
    }

Now the problem is that when any of the items on the LongListSelector is tapped, the whole LongListSelector tilts instead of only the tapped item. please help!

http://stackoverflow.com/questions/5052734/tilteffect-and-longlistselector — Kevin Gosse, Nov 08 '13 at 16:09
@KooKiz, thanks, you're right, I had seen that page but didn't go through the answer completely... :/ — Reza Shayestehpour, Nov 08 '13 at 16:27

score 4 · Accepted Answer · edited May 23 '17 at 12:05

I found the answer to my problem here I wrapped my DataTempalte in a ListBoxItem, now it looks like this:

    <phone:LongListSelector x:Name="MyLongListSelector"
                Margin="0,0,0,0" 
                ItemsSource="{Binding My_Items}"
                                    SelectionChanged="MyLongListSelector_SelectionChanged">

                <phone:LongListSelector.ItemTemplate>
                    <DataTemplate>
                        <ListBoxItem >
                            <StackPanel Margin="0,0,0,7" local:TiltEffect.IsTiltEnabled="True" MinWidth="460">

                                <StackPanel.Background>
                                    <ImageBrush Stretch="Fill" ImageSource="/Assets/Photos/items.png"/>
                                </StackPanel.Background>                                

                                <TextBlock Text="{Binding Title}" 
                                           TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" 
                                           TextAlignment="Center"
                                           Margin="0, 5, 0, 15" FontFamily="Assets/Fonts/BNazanin.ttf#B Nazanin"/>                                                                    
                            </StackPanel>
                        </ListBoxItem>
                    </DataTemplate>                        

                </phone:LongListSelector.ItemTemplate>
            </phone:LongListSelector>

score 0 · Answer 2 · answered Nov 08 '13 at 16:12

0

could you try adding type that you used as a jumplist item to The tiltable items Collection instead of LongListSelector.

answered Nov 08 '13 at 16:12

mehmet6parmak

4,777
16
50
71

TiltEffect on longListSelector Items, windows phone 8

2 Answers2