Mod Share your themes : Custom lists
#2
BOOKMARK VIEW

This is intended to be used with a 3x3 layout, horizontal scroll

Image

Itemlayout :

Code:
        <itemlayout width="382" height="1067">
            <control type="group">
                <top>120</top>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>381</width>
                    <height>960</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>381</width>
                    <height>380</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbLandscape]</texture>
                </control>
                <control type="label">
                    <top>400</top>
                    <left>49</left>
                    <width>284</width>
                    <height>80</height>
                    <align>left</align>
                    <font>Font36</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Label]</label>
                </control>
                <control type="textbox">
                    <top>510</top>
                    <left>49</left>
                    <width>284</width>
                    <height>334</height>
                    <font>FontSmall</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                <control type="label">
                    <bottom>40</bottom>
                    <left>49</left>
                    <width>328</width>
                    <height>24</height>
                    <align>left</align>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Duration,, mins]</label>
                </control>
                <control type="image">
                    <description>Rating value</description>
                    <right>49</right>
                    <bottom>26</bottom>
                    <width>100</width>
                    <height>50</height>
                    <aspectratio align="left">keep</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]" fallback="rating0.png">$INFO[ListItem.StarRating,]</texture>
                    <visible>IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)</visible>
                </control>
            </control>
        </itemlayout>

Focusedlayout :

Code:
        <focusedlayout width="382" height="1067">
            <control type="image">
                <left>0</left>
                <top>0</top>
                <width>381</width>
                <height>120</height>
                <aspectratio>scale</aspectratio>
                <texture colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
            </control>
            <control type="image">
                <left>24</left>
                <top>20</top>
                <width>200</width>
                <height>80</height>
                <aspectratio>keep</aspectratio>
                <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/left.png</texture>
            </control>
            <control type="image">
                <right>24</right>
                <top>20</top>
                <width>200</width>
                <height>80</height>
                <aspectratio>keep</aspectratio>
                <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/right.png</texture>
            </control>
            <control type="group">
                <top>120</top>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>381</width>
                    <height>960</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>381</width>
                    <height>380</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbLandscape]</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>-85</top>
                    <width>381</width>
                    <height>200</height>
                    <aspectratio>keep</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">osd/channeldown.png</texture>
                </control>
                <control type="label">
                    <top>400</top>
                    <left>49</left>
                    <width>284</width>
                    <height>80</height>
                    <align>left</align>
                    <font>Font36</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Label]</label>
                </control>
                <control type="textbox">
                    <top>510</top>
                    <left>49</left>
                    <width>284</width>
                    <height>334</height>
                    <font>FontSmall</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                <control type="label">
                    <bottom>40</bottom>
                    <left>49</left>
                    <width>328</width>
                    <height>24</height>
                    <align>left</align>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Duration,, mins]</label>
                </control>
                <control type="image">
                    <description>Rating value</description>
                    <right>49</right>
                    <bottom>26</bottom>
                    <width>100</width>
                    <height>50</height>
                    <aspectratio align="left">keep</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]" fallback="rating0.png">$INFO[ListItem.StarRating,]</texture>
                    <visible>IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)</visible>
                </control>
            </control>
        </focusedlayout>

Link to the Template file (template 1) :

https://drive.google.com/open?id=0B0PL_Q...mtDSzJObFU

Link to the custom list (custom 1) :

https://drive.google.com/open?id=0B0PL_Q...VhfRzREdm8

Instruction :

1. Download and overide the Designer_CustomList1.xml in the /16x9 folder of the skin
2. Go to the skin settings Import / Export
3. Choose Import... and browse the first downloaded file (BookMark View.zip) (this will overide template 1)
4. Go to the Designer
5. Browse the section you want to apply the template
6. Browse a free view or one you want to overide
7. Press enter or click the view name
8. Scroll down to "Template 1" and choose apply template to view

Your done ! Just select the view in the corresponding section.
[Skin] KOver - V1.1.0 Stable (Repo version)
[WIP] ReKOver - Skinning tool project

If I've been helpful or you like my work, hit "THANK USER" button ;) ...
Reply


Messages In This Thread
Share your themes : Custom lists - by Jayz2K - 2015-12-17, 14:54
RE: Share your themes : Custom lists - by Jayz2K - 2016-01-08, 15:40
Logout Mark Read Team Forum Stats Members Help
Share your themes : Custom lists1