[ajiratech]

I came across this mod/skin that may be is not even real (can't find any skin by the name Ace). I like the looks of it and was wondering if it is possible to do Image skew like this and animate it back and forth ?

https://forum.kodi.tv/showthread.php?tid...pid2758347

If it were doing only the image skew I could modify the artwork, but that alone will not help as animating it back to center would require that we deal with one image for both looks (focused and unfocused). Thanks in advance.

[ronie]

https://kodi.wiki/view/Animating_your_skin

[ajiratech]

Thanks Ronnie.

I was mistaking rotate to be similar to flipx and flipy.

I'm able to test out the animation on focus in a list item. 

the documentation doesn't say anything about an image control itself. Is it possible to "rotatey" on the image itself without animation. i.e. In a list control <itemlayout> if one wants to show the image skewed along y axis - with no animation.

I ask this because if I move the same working code from an image in <focusedlayout>  to image in <itemlayout> then the rotate does not happen for <itemlayout>

In <itemlayout>
<animation effect="rotatey" end="55" time="300" center="360,288"></animation>

in <focusedlayout>
<animation effect="rotatey" end="55" time="300" center="360,288">focus</animation>

[ronie]

every animation needs a type (windowopen / focus / conditional / etc...) which you did not specify in your itemlayout.
in case you're going to use the conditional type (which is what you need here), you'll also need to specify the condition.

if you want the effect with no animation, you can simply set the time to 0.

xml:
<animation effect="rotatey" end="55" time="0" center="360,288" condition="true">Conditional</animation>

[ajiratech]

Thanks Ronnie.

I did stumble into it a few minutes ago. You're correct, setting it as conditional animation did the trick.

<animation effect="rotatey" end="-35" time="400" condition="Control.HasFocus(120)">Conditional</animation>

I'm still working through the look, there are a lot of pieces that need to be placed just right so this will take me a while.

I do have one big question remaining that is important for this look and that is how to get <itemlayout> to use different effect/appearance for items before and after the focused item.

i.e. going by this screenshot:
https://forum.kodi.tv/showthread.php?tid...pid2758347

The first four items look like they are set with a "rotatey" of "-40" and items 5 through 9 are set with "rotatey" of "40". 

<itemlayout width="160" height="340">
    <control type="image">
       <left>200</left>
      <top>80</top>
      <width>180</width>
      <height>320</height>
      <info>ListItem.Icon</info>
      <animation effect="rotatey" end="-35" time="400" condition="Control.HasFocus(120)">Conditional</animation>
   </control>
</itemlayout>

I've gone through Wiki and I think the closest we come to having differing look for <itemlayout> is on this page. But even here the documentation stops short of telling us how to achieve that and if that is even possible.

https://kodi.wiki/view/Container_Item_Layout

Any advice on how to check if the item in <itemlayout> is before or after the item in <focuslayout> ?

[Hitcher]

Your link doesn't work but by the description I think you mean a coverflow type list.

https://forum.kodi.tv/showthread.php?tid...pid2752237

[ajiratech]

Thanks @Hitcher . Yes, I meant Coverflow type list. Under the list control I don't see "coverflow" as a view type. Is Coverflow available or do I need to write code/hack my way into that style ?

https://kodi.wiki/view/List_Container

[ajiratech]

Nevermind. I found the XML for Aeon Nox. Looks like I'll need to write code for this. I'm going through Aeon now to see what this entails.