Quantcast
Channel: Kodi Community Forum - Skinning
Viewing all articles
Browse latest Browse all 1803

Controlling the focus position in panel list to mimic Windows Media Centre scrolling

$
0
0
Hello!

I have a horizontally scrolled panel list for displaying cover art that starts about 300 pixels from the left, is three rows high and columns span the rest of the width of the screen.

What I want to do is pretty much mimic good ol' WMC scrolling. This is best described by a video - so please see below for what I mean:
https://www.youtube.com/watch?v=DM0FFaEwrig

So let's say I'm on the first column:
(1) If I scroll right twice to get to the third column, the focus moves to the right and the cover wall stays put (just as it does by default for a panel list)
(2) But on scrolling right again, the cover wall shifts left by one column and the focus stays put (kind of like a multi-row wrap list with focusposition on column 3 I guess?)
          (Note that not only does the cover wall shift left but it also makes use of the full width of the screen - i.e. goes into the 300 pixels area on the left)
(3) This behaviour continues for the whole list whilst scrolling to the right (focus stays stuck on column 3 while the cover wall shifts left)
(5) However, If I scroll left at any point the focus moves for the first two positions and the cover wall stays put
(6) If I scroll left once more the focus stays put and the cover wall moves right.
etc.

I hope this explains things!

The effect is to limit the focus range to three columns. It's a clever bit of UI design in WMC because it puts the important bit (the selected item) into your main field of vision whilst the other stuff is periphery and makes for a much less disorientating experience than one where you have to move your head all over the place because the focus moves until you reach the end of the screen.

Ideally I'd also like to have the end of the list wrap around (I won't try to explain this, but as per the video, if you have enough albums to fill the screen, the last covers partially appear on the left edge of the screen, still maintaining a large gap before the first covers in the list).

So is any of this achievable with Kodi or am I onto a hiding for nothing!

I get the impression it might be possible with animations or maybe a trick with several separate panels under the same scrolling control (if that's even possible!)?

Viewing all articles
Browse latest Browse all 1803

Trending Articles