Kodi Community Forum
How do you do it - Printable Version

+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Development (https://forum.kodi.tv/forumdisplay.php?fid=32)
+--- Forum: Skinning (https://forum.kodi.tv/forumdisplay.php?fid=12)
+--- Thread: How do you do it (/showthread.php?tid=198476)

Pages: 1 2


RE: How do you do it - sualfred - 2014-07-04

Are you working on a viewtype, widgets or something else?
I'm sorry, but you have to get more detailed.
Can you provide us a screenshot?


RE: How do you do it - ztrust - 2014-07-04

Hey yes I am working on viewtypes and I do not have a screenshot to provide since the layout is in my head but this is roughly what I want to achieve

Code:
<control type="image">
    <posx>20</posx>
    <posy>20</posy>
    <width>120</width>
    <height>160</height>
    <texture background="true">poster1</texture>
</control>
<control type="image">
    <posx>30</posx>
    <posy>55</posy>
    <width>120</width>
    <height>160</height>
    <texture background="true">poster2</texture>
</control>
but I can find nothing in the wikki about setting up thumbs like this


RE: How do you do it - sualfred - 2014-07-04

Can you provide a mockup?
This would help to understand Smile


RE: How do you do it - ztrust - 2014-07-04

here is a rough mockup
Image
and tx for taking the time


RE: How do you do it - sualfred - 2014-07-04

Sry, it's a dead link Smile


RE: How do you do it - ztrust - 2014-07-04

right click open image in new tab works for me


RE: How do you do it - sualfred - 2014-07-04

Since container only have two item layouts (non focused and focused), you have to display poster/banner outside of that container.
You can use the info label "Container(xx).ListItemNoWrap(xx).xx" for this.

A good and clean example is the showcase view.
Just download the "Avalaon" Skin from the WIP board and take a look at the "View_51_Showcase.xml".

At the end of the xml file you will see the wraplist container, which has a blank item and focused layout area. He used conditions with "ListItemNoWrap" to display the focused and non focused items with a own position for each item.
In your case, it's the same workflow just with a different layout.

From the wiki (http://wiki.xbmc.org/?title=InfoLabels):
Container(id).ListItemNoWrap(offset).Property
-> Basically returns the same as ListItem(offset) but it won't wrap. That means if the last item of a list is focused, ListItemNoWrap(1) will be empty while ListItem(1) will return the first item of the list. Property has to be replaced with Label, Label2, Icon etc. ( eg: Container(50).ListitemNoWrap(1).Plot )


RE: How do you do it - ztrust - 2014-07-04

this sounds very confusing for now but thank you for the info will see if I can figure it out


RE: How do you do it - sualfred - 2014-07-04

Maybe you should start with small steps and create simple views and go for it when you are more practiced. It's not really complicated but I understand that it's confusing for beginners.
Step by step and after a while you can do this while you are sleeping Smile


RE: How do you do it - ztrust - 2014-07-04

yeah you are right but I have made some simple views but ran in to the same problems again and again Wink I need some new problems as to not get to irretated Wink
But I do have one question I have been wanting to ask someone wich skin to use as a base Confluence or foundation.
Confluence is up date but have alot of (for newbies) complcated code
foundation is more of a blank canvas(wich is nice for newbies like me) but is not up to date
I would love to go with foundation but am worried about its not been updated to gotham and I do not know how hard it will be to do that myself?

would you mind keep checking back here from time to time I might have some idiotic questions from time to time, I keep reading the manual but I do have a limit how much I process without everything blurring together ;(