•   
  • 1
  • 6
  • 7
  • 8(current)
  • 9
  • 10
  • 12
  •   
Mod Share your themes : Custom lists
Thumbs Up 
(2016-03-12, 04:37)djoole Wrote: Done!

Image

Image

Here is the code :
Code:
<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <!-- Custom List 5 -->
    <!-- DO NOT MODIFY FROM HERE -->
    <include name="Custom5">
    <!-- TO HERE -->    
        <itemlayout width="170" height="$PARAM[height]">        
            <control type="group">    
                <left>15</left>
                <top>80</top>
                <control type="image">
                    <width>150</width>
                    <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
                </control>                
                <control type="image">
                    <top>216</top>
                    <width>150</width>
                    <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF" flipy="true">$INFO[ListItem.Icon]</texture>
                    <animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
                </control>
            </control>
            <control type="group">
                <right>5</right>
                <top>80</top>
                <width>60</width>
                <height>60</height>
                <control type="image">
                    <right>0</right>
                    <top>0</top>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
                </control>
                <control type="image">
                    <right>4</right>
                    <top>4</top>
                    <width>15</width>
                    <height>15</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
                    <visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
                </control>
                <control type="image">
                    <right>4</right>
                    <top>4</top>
                    <width>15</width>
                    <height>15</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
                    <visible>ListItem.IsResumable</visible>
                </control>
                <!-- Recording image -->
                <control type="image">
                    <right>4</right>
                    <top>4</top>
                    <width>15</width>
                    <height>15</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
                    <visible>ListItem.IsRecording</visible>
                </control>
                <!-- Timer image -->
                <control type="image">
                    <right>4</right>
                    <top>4</top>
                    <width>15</width>
                    <height>15</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
                    <visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
                </control>            
                <visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
            </control>
            <control type="image">
                <left>0</left>
                <top>46</top>
                <width>188</width>
                <height>265</height>
                <aspectratio>stretch</aspectratio>
                <texture>$VAR[MyCase]</texture>
            </control>                
            <control type="image">
                <left>70</left>
                <top>58</top>
                <width>40</width>
                <height>20</height>
                <aspectratio>scale</aspectratio>
                <texture>$VAR[MyFlag]</texture>
            </control>                
            <control type="image">
                <left>0</left>
                <top>275</top>
                <width>188</width>
                <height>265</height>
                <aspectratio>stretch</aspectratio>
                <texture flipy="true">$VAR[MyCase]</texture>
                <animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
            </control>                
        </itemlayout>
        <focusedlayout width="170" height="$PARAM[height]">
            <control type="group">          
                <top>80</top>
                <left>15</left>
                <control type="image">
                    <width>150</width>
                    <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
                </control>                
                <control type="image">
                    <top>216</top>
                    <width>150</width>
                    <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF" flipy="true">$INFO[ListItem.Icon]</texture>
                    <animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
                </control>
                <animation type="Focus">
                    <effect type="zoom" tween="Quadratic" start="100" end="130" center="auto" easing="Out" time="250"/>
                    <effect type="slide" tween="Quadratic" end="1,10" easing="Out" time="250"/>
                </animation>
                <animation type="UnFocus">
                    <effect type="zoom" tween="Quadratic" start="130" end="100" center="auto" easing="Out" time="125" />
                    <effect type="slide" tween="Quadratic" start="1,10" end="0,0" easing="Out" time="125"/>
                </animation>
            </control>
            <control type="group">
                <right>5</right>
                <top>80</top>
                <width>60</width>
                <height>60</height>
                <control type="image">
                    <right>0</right>
                    <top>0</top>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
                </control>
                <control type="image">
                    <right>4</right>
                    <top>4</top>
                    <width>15</width>
                    <height>15</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
                    <visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
                </control>
                <control type="image">
                    <right>4</right>
                    <top>4</top>
                    <width>15</width>
                    <height>15</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
                    <visible>ListItem.IsResumable</visible>
                </control>
                <!-- Recording image -->
                <control type="image">
                    <right>4</right>
                    <top>4</top>
                    <width>15</width>
                    <height>15</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
                    <visible>ListItem.IsRecording</visible>
                </control>
                <!-- Timer image -->
                <control type="image">
                    <right>4</right>
                    <top>4</top>
                    <width>15</width>
                    <height>15</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
                    <visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
                </control>            
                <visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
                <animation type="Focus">
                    <effect type="slide" tween="Quadratic" end="23,-28" easing="Out" time="250"/>
                </animation>
                <animation type="UnFocus">
                    <effect type="slide" tween="Quadratic" start="23,-28" end="0,0" easing="Out" time="125"/>
                </animation>
            </control>
            <control type="group">
                <control type="image">
                    <left>0</left>
                    <top>46</top>
                    <width>188</width>
                    <height>265</height>
                    <aspectratio>stretch</aspectratio>
                    <texture>$VAR[MyCase]</texture>
                </control>                
                <control type="image">
                    <left>70</left>
                    <top>58</top>
                    <width>40</width>
                    <height>20</height>
                    <aspectratio>scale</aspectratio>
                    <texture>$VAR[MyFlag]</texture>
                </control>                
                <control type="image">
                    <left>0</left>
                    <top>275</top>
                    <width>188</width>
                    <height>265</height>
                    <aspectratio>stretch</aspectratio>
                    <texture flipy="true">$VAR[MyCase]</texture>
                    <animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
                </control>                
                <animation type="Focus">
                    <effect type="zoom" tween="Quadratic" start="100" end="130" center="auto" easing="Out" time="250"/>
                </animation>
                <animation type="UnFocus">
                    <effect type="zoom" tween="Quadratic" start="130" end="100" center="auto" easing="Out" time="125" />
                </animation>
            </control>                
        </focusedlayout>      
    <!-- DO NOT MODIFY FROM HERE -->
    </include>
    <variable name="MyCase">
       <value condition="SubString(ListItem.VideoCodec,dx50)|SubString(ListItem.VideoCodec,divx)|SubString(ListItem.VideoCodec,xvid)">cases/case_dvd.png</value>
       <value condition="SubString(ListItem.Path,bluray)">cases/case_bd.png</value>
       <value condition="SubString(ListItem.Path,dvd)">cases/case_dvd.png</value>
       <value condition="SubString(ListItem.Path,3d)">cases/case_3d.png</value>
       <value condition="SubString(ListItem.FileName,mkv)">cases/case_mkv.png</value>
       <value condition="StringCompare(ListItem.DBTYPE,set)">cases/case_sets.png</value>
    </variable>
    <variable name="MyFlag">
       <value condition="SubString(ListItem.VideoCodec,dx50)|SubString(ListItem.VideoCodec,divx)|SubString(ListItem.VideoCodec,xvid)">cases/logo_divx.png</value>
       <value condition="SubString(ListItem.VideoCodec,h264)+!SubString(ListItem.Path,bluray)+!SubString(ListItem.Path,3d)">cases/logo_h264.png</value>
       <value condition="SubString(ListItem.VideoCodec,h265)+!SubString(ListItem.Path,3d)">cases/logo_h265.png</value>
       <value condition="SubString(ListItem.FileName,x264)+!SubString(ListItem.Path,3d)">cases/logo_h264.png</value>
       <value condition="SubString(ListItem.FileName,x265)+!SubString(ListItem.Path,3d)">cases/logo_h265.png</value>
       <value condition="SubString(ListItem.Path,bluray)">cases/logo_bluray.png</value>
       <value condition="SubString(ListItem.Path,dvd)">cases/logo_dvd.png</value>
       <value condition="SubString(ListItem.Path,3d)">cases/logo_3d.png</value>
       <value condition="StringCompare(ListItem.DBTYPE,set)">cases/logo_sets.png</value>
    </variable>
</includes>
    <!-- TO HERE -->
https://www.dropbox.com/s/8q3e4plgj7pbnm...5.xml?dl=0


I'll make sure the cases PNGs author allows me to share them before doing that Smile







niiiiiiice !!!! Nod


how was the experience ?
clearArt Concept
cdArt Concept

*If like, thank user
Reply
(2016-03-11, 22:49)Reynald Wrote: what is the number for your custom list? 1, 2 ... 6 or?

Ok : I understand : Use this customlist .
https://www.dropbox.com/s/lduco84ztjgd9f...5.xml?dl=0

thanks but when I select it the layout looks right but no movies and the window is already shown are displayed ? also could you upload the wallpaper for that view to as there is no location for that one

maybe you could do a guide for that view

I can not get the bottom to look like text and I can not get this view to work


thanks
Reply
(2016-03-11, 00:12)djoole Wrote: @Reynald, I've modified a tiny bit your great Poster Reflect view :

Image
- Added zoom animation on and out focus for selected item
- modified corner bitmap coordinates which were a bit offset to the border of the poster
- Added the colored border in reflect of selected item


Next I would like to do is add media cases but it's beyond my skills. I would need to know how to call a certain bitmap for a certain media type.


hi there tired your code and looks good but there is no orange and white border ?

is there anyway to keep the selected poster in the middle and make the selected poster in the middle all the time ?

and where do you put the case png files


thanks
Reply
The orange border for focused item will be the main color of your media section (pink by default for movies, green for series, etc).
Unfocused items should have a white border.
You're sure you're using my code? As you quoted the wrong post doubt exists.
Reynald could you confirm borders are well shown?
Reply
(2016-03-12, 04:45)Reynald Wrote: Yes , it s very great , l like very much . Really good job

Can you share cases please ?

Thanks Smile
As I said, I'm waiting for author authorization to share the cases PNGs.


@reaven, it was cool to do, I've always liked this kind of stuff, kind of retroengineer stuff ^^
But took quite some time as it's a lot of trial and error. And the reload button for custom list is deep inside the menus Wink
Reply
Image
Perfect

can you possitbily to share cases please, i love very mucccccchhhhh !!!! Smile Thx => Edit : Oh Yes Smile sorry
Reply
Quote:@reaven, it was cool to do, I've always liked this kind of stuff, kind of retroengineer stuff ^^
But took quite some time as it's a lot of trial and error. And the reload button for custom list is deep inside the menus Wink


Yes, it is far, but I love this button, it allows to quickly see if we have the files and if they are well noted in the number. I love how Kover working better now. stable and scalable ultra deep.
Reply
(2016-03-12, 12:47)djoole Wrote: The orange border for focused item will be the main color of your media section (pink by default for movies, green for series, etc).
Unfocused items should have a white border.
You're sure you're using my code? As you quoted the wrong post doubt exists.
Reynald could you confirm borders are well shown?

yep tried everything tried your code and this is what I get

Image
Reply
I do not understand how you can have this result, with a personalized list. Can give me your file so I can check?
Reply
(2016-03-12, 12:53)djoole Wrote:
(2016-03-12, 04:45)Reynald Wrote: Yes , it s very great , l like very much . Really good job

Can you share cases please ?

Thanks Smile
As I said, I'm waiting for author authorization to share the cases PNGs.


@reaven, it was cool to do, I've always liked this kind of stuff, kind of retroengineer stuff ^^
But took quite some time as it's a lot of trial and error. And the reload button for custom list is deep inside the menus Wink

no need, i just attached the reload skin action to my <R> key in keymaps.xml under global and just hit <R> and it will reload Wink
Code:
<global>
  <keyboard>
     <r>ReloadSkin()</r>


I know the feeling its make you wanted to do more and more and more and the more you do the more you learn and the more you make your own personalized version of the skin Wink
clearArt Concept
cdArt Concept

*If like, thank user
Reply
Quote:I know the feeling its make you wanted to do more and more and more and the more you do the more you learn and the more you make your own personalized version of the skin Wink

Before I did that, and these views are like a Christmas tree. He was impossbile well see the information. I learned to do it the best I could. Now, the more visibility and simple, the better the view is beautiful.

But it is an interesting experience, to put the nose in the code and the skinner. This is the best way to learn.

Often it is used F5 to reload the skin.
Reply
(2016-03-12, 19:10)reaven Wrote:
(2016-03-12, 12:53)djoole Wrote: But took quite some time as it's a lot of trial and error. And the reload button for custom list is deep inside the menus Wink
no need, i just attached the reload skin action to my <R> key in keymaps.xml under global and just hit <R> and it will reload Wink
Code:
<global>
  <keyboard>
     <r>ReloadSkin()</r>

The graal! Thanks for that!!!
Reply
(2016-03-12, 18:23)Reynald Wrote: I do not understand how you can have this result, with a personalized list. Can give me your file so I can check?

The xml code I used is from post 102 Copy and pasted as a custom5 list.
Reply
(2016-03-12, 20:02)meridius Wrote:
(2016-03-12, 18:23)Reynald Wrote: I do not understand how you can have this result, with a personalized list. Can give me your file so I can check?

The xml code I used is from post 102 Copy and pasted as a custom5 list.

Yes , i know , but i have need your file .
Reply
ir would be better if you post the actual file you are using
clearArt Concept
cdArt Concept

*If like, thank user
Reply
  •   
  • 1
  • 6
  • 7
  • 8(current)
  • 9
  • 10
  • 12
  •   



Logout Mark Read Team Forum Stats Members Help
Share your themes : Custom lists1
This forum uses Lukasz Tkacz MyBB addons.