Login at Kodi Home

reaven · (This post was last modified: 2016-03-12, 05:57 by reaven.)

(2016-03-12, 04:37)djoole Wrote: Done!

Here is the code :

Code:
<?xml version="1.0" encoding="UTF-8"?> <includes>   <include name="Custom5">  <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>  <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>  <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>  <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>  <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>  </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> 
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

niiiiiiice !!!! Nod

how was the experience ?

meridius · (This post was last modified: 2016-03-12, 09:43 by meridius.)

(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

meridius · (This post was last modified: 2016-03-12, 10:05 by meridius.)

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

- 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

djoole · 2016-03-12, 12:47

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?

djoole · 2016-03-12, 12:53

(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

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

Reynald · (This post was last modified: 2016-03-12, 13:00 by Reynald.)

Perfect

can you possitbily to share cases please, i love very mucccccchhhhh !!!! Smile

Thx => Edit : Oh Yes Smile

sorry

Reynald · (This post was last modified: 2016-03-12, 13:03 by Reynald.)

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

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.

meridius · 2016-03-12, 17:25

(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

Reynald · 2016-03-12, 18:23

I do not understand how you can have this result, with a personalized list. Can give me your file so I can check?

reaven · (This post was last modified: 2016-03-12, 19:12 by reaven.)

(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
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

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

Reynald · 2016-03-12, 19:29

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

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.

djoole · 2016-03-12, 19:39

(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
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

Code:
<global> <keyboard> <r>ReloadSkin()</r>

The graal! Thanks for that!!!

meridius · (This post was last modified: 2016-03-12, 20:03 by meridius.)

(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.

Reynald · 2016-03-12, 20:04

(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 .

reaven · (This post was last modified: 2016-03-12, 20:50 by reaven.)

ir would be better if you post the actual file you are using