[ztrust]

hey there
so I made my first view layout its far from fininshed but its the basic layout minus animations and so on... The layout is from MB Neo theme
I couldent really find any info in the wikki atleast not any I can understand yet (but at one point I gues I will) anout how to do offsets like this
I managed to get the offset but I havent made it the correct way meaning I have no control over focus basicly only positioning.
I am hoping one of you skinners will be willing to make a xml the correct way so I can use it to see how it should be done.
I have been over other skin files but they are using varibles split over other xml and a lot of code I cant seperate as of yet.
here is my xml

PHP Code:

<?xml version="1.0" encoding="utf-8"?>
<includes>
    <include name="Banners">
       <!--Overlay-->
      <control type="image">
            <left>0</left>
            <top>0</top>
            <width>1280</width>
            <height>720</height>
             <texture>white.png</texture>
             <visible>Control.IsVisible(900)</visible>
        </control>
               
              <!--Banners-->
        <control type="group">
            <visible>Control.IsVisible(900)</visible>
            <posy>25</posy>
            <posx>50</posx>    
                <onup>900</onup>
                <ondown>900</ondown>
              <!--Banner -3-->
        <control type="image">
             <posx>-25</posx>
            <posy>10</posy>
            <width>300</width>
            <height>100</height>
            <texture>$INFO[ListItem(-3).Art(banner)]</texture>
            <aspectratio>keep</aspectratio>
            <visible>!IsEmpty(Container(900).ListItemNoWrap(-3).FolderPath)</visible>
        </control>
              <!--Banner -2-->
            <control type="image">
            <posx>75</posx>
            <posy>100</posy>
            <width>300</width>
            <height>100</height>
           <texture>$INFO[ListItem(-2).Art(banner)]</texture>
            <aspectratio>keep</aspectratio>
            <visible>!IsEmpty(Container(900).ListItemNoWrap(-2).FolderPath)</visible>
        </control>
              <!--Banner -1-->        
            <control type="image">
            <posx>200</posx>
            <posy>190</posy>
            <width>300</width>
            <height>100</height>
            <texture>$INFO[ListItem(-1).Art(banner)]</texture>
            <aspectratio>keep</aspectratio>
            <visible>!IsEmpty(Container(900).ListItemNoWrap(-1).FolderPath)</visible>
        </control>    
              <!--Banner 0-->        
          <control type="image">
            <posx>170</posx>
            <posy>275</posy>
            <width>400</width>
            <height>110</height>
            <texture>$INFO[ListItem(0).Art(banner)]</texture>
            <aspectratio>keep</aspectratio>
            <visible>!IsEmpty(Container(900).ListItemNoWrap(0).FolderPath)</visible>
        </control>    
              <!--Banner 1-->        
          <control type="image">
            <posx>180</posx>
            <posy>370</posy>
            <width>300</width>
            <height>100</height>
            <texture>$INFO[ListItem(1).Art(banner)]</texture>
            <aspectratio>keep</aspectratio>
            <visible>!IsEmpty(Container(900).ListItemNoWrap(1).FolderPath)</visible>
        </control>    
              <!--Banner 2-->        
          <control type="image">
            <posx>100</posx>
            <posy>460</posy>
            <width>300</width>
            <height>100</height>
            <texture>$INFO[ListItem(2).Art(banner)]</texture>
            <aspectratio>keep</aspectratio>
            <visible>!IsEmpty(Container(900).ListItemNoWrap(2).FolderPath)</visible>
        </control>    
              <!--Banner 3-->        
          <control type="image">
            <posx>0</posx>
            <posy>550</posy>
            <width>300</width>
            <height>100</height>
            <texture>$INFO[ListItem(3).Art(banner)]</texture>
            <aspectratio>keep</aspectratio>
            <visible>!IsEmpty(Container(900).ListItemNoWrap(3).FolderPath)</visible>
        </control>            
</control>
        <!--Wraplist-->
        <control type="wraplist" id="900">    
            <posx>200</posx>
            <posy>200</posy>
            <width>600</width>
            <height>520</height>
            <onleft>9000</onleft>
            <onright>-</onright>
            <onup>900</onup>            
            <ondown>900</ondown>
            <pagecontrol>-</pagecontrol>
            <visible>Container.Content(movies) | Container.Content(tvshows)</visible>
            <viewtype label="Banners">list</viewtype>            
            <scrolltime tween="quadratic">300</scrolltime>
            <focusposition>3</focusposition>
            <orientation>vertical</orientation>
            <preloaditems>4</preloaditems>
            <itemlayout width="525" height="260">
            </itemlayout>
            <focusedlayout width="525" height="260">
                </focusedlayout>
</control>
            <control type="label">
                <posx>650</posx>
                <posy>570</posy>
                <width>550</width>
                <height>25</height>
                <font>font20</font>
                <textcolor>black</textcolor>
                <shadowcolor>black</shadowcolor>
                <scroll>true</scroll>
                <align>center</align>
                <aligny>center</aligny>
                <label>$INFO[Listitem.Title]</label>
            </control>
                    <control type="textbox">
                    <description>Description Value The Movie</description>
                    <left>600</left>
                    <top>600</top>
                    <width>650</width>
                    <height>80</height>
                    <font>font12</font>
                    <align>justify</align>
                    <textcolor>black</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                    <autoscroll time="2000" delay="3000" repeat="5000">Skin.HasSetting(AutoScroll)</autoscroll>
                </control>
    </include>
</includes> 


and download link Download
and here is the layout

rightclick and open in new tab, for some reason I havent learned how to actually show the image

[Sranshaft]

You need to put your controls inside the <itemlayout> and <focusedlayout>.

[ztrust]

well that is easier said then done could you give me an example of how to achieve this dumb it down please

[removed151214]

Have you looked at the skinning wiki - http://wiki.xbmc.org/?title=Wrap_List_Container

But basically, all the controls you use to actually show the item, be them images, labels, etc, are children of the wraplist's <itemlayout> for items that aren't currently focused and <focusedlayout> for the item that is. Your example closes the focusedlayout without any controls, and doesn't have a itemlayout at all.

[ztrust]

Have you looked at the skinning wiki - http://wiki.xbmc.org/?title=Wrap_List_Container

But basically, all the controls you use to actually show the item, be them images, labels, etc, are children of the wraplist's <itemlayout> for items that aren't currently focused and <focusedlayout> for the item that is. Your example closes the focusedlayout without any controls, and doesn't have a itemlayout at all.

@Unfledged
I have read the wikki many times,also your link (all i do is read the wikki) I am aware of the itemlayout and focusedlayout functions as you describe, wich normally makes it rather easy to design a list.
but I dont know how to get my image control to the itemlayout and focusedlayout.
I have tried making my image controls into an include and then include em in the layout but that kind of breaks all view and I have to alt+f4 to reset xbmc.
So how do I get them to the itemlayout ?
I hope you understand I mean

[Hitcher]

For the controls you're using you need to put them inside a grouplist.

http://wiki.xbmc.org/index.php?title=Group_List_Control

[ztrust]

Thank you.
I havent tested or tried anything out only read through the Group list control page but it still not obvious how to get the focus layout ?