[meridius]

Hi there

I can get the discart to slide or rotate but its one or the other not both

I want to be able for the discart to slide up from behind the poster then rotate but behind the poster

tried for couple of hours but can not seem to get it work

[djoole]

Copy CustomList1.xml and, change in your skin folder 19x9,or/ and you can also use template (images available for block)

Bloc Background : Bloc Background 50%.png
Bloc 2 : Fond Dark.png
Bloc 3; Fond Black background.png
https://www.dropbox.com/s/sc4h2e6dfrvdluy/Wall.rar?dl=0

Thanks very much Reynald, this list and view is perfect for displaying kid's cartoons.

I've made some changes that i figured i'd share them :
- added a fluid and centered zoom in/out animation for the selected item
- selected item a bit bigger
- unselected items less faded (easier to make out what you're looking for)
- speedup window open/close animation
- added a white border on selected item
- dimensions and coordinates of items
- fanart not displayed in the background (enhance readability) <-- this one is not in the custom list, you need to change the bloc background to color instead of image

Here is what it looks like :


Here is the Designer_CustomList1.xml

Code:

<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <!-- Custom List 1 -->

    <!-- DO NOT MODIFY FROM HERE -->
    <control type="group">    
        </control>
    <include name="Custom1">
    <!-- TO HERE -->
    <animation type="WindowOpen">
        <effect type="fade" start="0" end="100" time="300"/>
        <effect type="zoom" start="200" end="100" center="auto" time="300"/>
    </animation>
    <animation type="WindowClose">
        <effect type="fade" start="100" end="0" time="300"/>
        <effect type="zoom" start="100" end="200" center="auto" time="300"/>
    </animation>
    <itemlayout width="127" height="178">    
        <control type="image">
            <left>2</left>
            <top>2</top>
            <width>123</width>
            <height>174</height>
            <aspectratio>stretch</aspectratio>
            <texture colordiffuse="aaFFFFFF">$VAR[ThumbPortrait]</texture>
            <animation condition="true" effect="Fade" start="60" end="60" time="0">Conditional</animation>                    
        </control>                
    </itemlayout>
    <focusedlayout width="127" height="178">
        <control type="image">
            <left>2</left>
            <top>2</top>
            <width>123</width>
            <height>174</height>
            <aspectratio>stretch</aspectratio>
            <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
            <bordertexture>common/white.png</bordertexture>
            <bordersize>2</bordersize>
            <animation type="Focus">
                <effect type="fade" start="60" end="100" time="250" tween="sine" easing="out"  />    
                <effect type="zoom" tween="Quadratic" start="100" end="160" center="auto" easing="Out" time="250"/>
            </animation>
            <animation type="UnFocus">
                <effect type="fade" start="100" end="60" time="125" tween="sine" easing="out"  />
                <effect type="zoom" tween="Quadratic" start="160" end="100" center="auto" easing="Out" time="125" />
            </animation>
            <visible>!stringcompare(ListItem.Label,..)</visible>
        </control>    
    </focusedlayout>
    <!-- DO NOT MODIFY FROM HERE -->        
    </include>    
</includes>
    <!-- TO HERE -->

[Reynald]

Copy CustomList1.xml and, change in your skin folder 19x9,or/ and you can also use template (images available for block)

Bloc Background : Bloc Background 50%.png
Bloc 2 : Fond Dark.png
Bloc 3; Fond Black background.png

Thanks very much Reynald, this list and view is perfect for displaying kid's cartoons.

I've made some changes that i figured i'd share them :
- added a fluid and centered zoom in/out animation for the selected item
- selected item a bit bigger
- unselected items less faded (easier to make out what you're looking for)
- speedup window open/close animation
- added a white border on selected item
- dimensions and coordinates of items
- fanart not displayed in the background (enhance readability) <-- this one is not in the custom list, you need to change the bloc background to color instead of image

Here is what it looks like :


Here is the Designer_CustomList1.xml

Code:

<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <!-- Custom List 1 -->

    <!-- DO NOT MODIFY FROM HERE -->
    <control type="group">    
        </control>
    <include name="Custom1">
    <!-- TO HERE -->
    <animation type="WindowOpen">
        <effect type="fade" start="0" end="100" time="300"/>
        <effect type="zoom" start="200" end="100" center="auto" time="300"/>
    </animation>
    <animation type="WindowClose">
        <effect type="fade" start="100" end="0" time="300"/>
        <effect type="zoom" start="100" end="200" center="auto" time="300"/>
    </animation>
    <itemlayout width="127" height="178">    
        <control type="image">
            <left>2</left>
            <top>2</top>
            <width>123</width>
            <height>174</height>
            <aspectratio>stretch</aspectratio>
            <texture colordiffuse="aaFFFFFF">$VAR[ThumbPortrait]</texture>
            <animation condition="true" effect="Fade" start="60" end="60" time="0">Conditional</animation>                    
        </control>                
    </itemlayout>
    <focusedlayout width="127" height="178">
        <control type="image">
            <left>2</left>
            <top>2</top>
            <width>123</width>
            <height>174</height>
            <aspectratio>stretch</aspectratio>
            <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
            <bordertexture>common/white.png</bordertexture>
            <bordersize>2</bordersize>
            <animation type="Focus">
                <effect type="fade" start="60" end="100" time="250" tween="sine" easing="out"  />    
                <effect type="zoom" tween="Quadratic" start="100" end="160" center="auto" easing="Out" time="250"/>
            </animation>
            <animation type="UnFocus">
                <effect type="fade" start="100" end="60" time="125" tween="sine" easing="out"  />
                <effect type="zoom" tween="Quadratic" start="160" end="100" center="auto" easing="Out" time="125" />
            </animation>
            <visible>!stringcompare(ListItem.Label,..)</visible>
        </control>    
    </focusedlayout>
    <!-- DO NOT MODIFY FROM HERE -->        
    </include>    
</includes>
    <!-- TO HERE -->

Perfect work , i like it very much Thx

[djoole]

You did it, i just did some tiny changes

[djoole]

Reynald,
Something strange is happening to me with your Poster Reflect view :

It's like the blocs background mask was shifted to the left..

[Reynald]

YOu want to remove background of Block 2 and Block 3? give transparent background?

[djoole]

No, I want to keep black background on the left.
The problem is the blocks background (the one with the "hole" that let see the wallpaper) is like displayed on a too large area, like overscan.
You can see the right border of bloc2 and bloc4, it's not nice like on your screenshot.
I've just installed the gimp to make another mask, but it's the same problem.. although the mask is well done, once applied in Kodi it's like the screenshot above.. zoomed out and it let appear bloc2 border..
Maybe it's from one of Jayz2K latest updates? Blocs background is displayed more overscanned?
Reynald can you try on your view and tell me if you have this behavior or if it's still OK?

[Reynald]

Bloc background is = 3X3 ?

You use my original image? png file?

give me picture that use please

I can not open Kover now I work on something else, but I can do with photoshop, so I know what you want.

[djoole]

Yes, I use your template (so background 3x3) and your PNGs

No use I give you the mask I made, it the same issue with it (displayed in overscan related to the bloc zone)

OK, please let me know when you can test your view on your computer and tell me if you have the same issue or not (my only theory so far is that it's KOver related as I don't see any option that could explain the overscanned mapping)

@Jayz2K, could you maybe confirm or not the issue on your system?

[djoole]

Just to make sure you understand the problem here :


This is your mask. I've just made visible bloc5.
bloc 5 is indeed 640px, 1/3 of the screen width.

You can see the transparent area lands in the column A zone. Hence the visible right border of blocs 2 and 4

If I open your mask directly in the Gimp, you can see the transparent area is correct and doesn't land in the column A zone :


If you compare the 2 screens, you can definitely see there is some sort of overscan for the blocs background image.

[Jayz2K]

@djoole and Reynald :

From a code side, Blocs background is a little bigger than screen res. This is because dialog PUSH system also pushes it in certain scenarios (so when dialog color is set to semi-transparent, you won't see the end of area behind it, which looks odd). Also it's shifted / resized depending separators, sidebar pos, etc. Max shift can be -44px and max size can be 1168x2008px.

[Reynald]

@djoole and Reynald :

From a code side, Blocs background is a little bigger than screen res. This is because dialog PUSH system also pushes it in certain scenarios (so when dialog color is set to semi-transparent, you won't see the end of area behind it, which looks odd). Also it's shifted / resized depending separators, sidebar pos, etc. Max shift can be -44px and max size can be 1168x2008px.

I knew it already, I adapt my views with the AB / BC separators or nothing. This is logical and easy for me in Kover is not always obvious to the other and I do not think of this before. Sorry

[djoole]

No separator nor sidebar used in this view. Still there is overscan.
So if I understand well, this "situation" is not only on my system
==> how come you succeeded having no overscan Reynald?
==> did you have the chance to reload the view in your system and see if you have now the issue?

I know the only thing to do is do another mask with the transparent area more reduced so that it doesn't overflow the wanted zone.. but I like to understand thing and would like to understand how Reynald achieved to do this screenshot

[Reynald]

I'll recharge view later. and i say you how work this it

[Reynald]

No separator nor sidebar used in this view. Still there is overscan.
So if I understand well, this "situation" is not only on my system
==> how come you succeeded having no overscan Reynald?
==> did you have the chance to reload the view in your system and see if you have now the issue?

I know the only thing to do is do another mask with the transparent area more reduced so that it doesn't overflow the wanted zone.. but I like to understand thing and would like to understand how Reynald achieved to do this screenshot

I did a transparency on the logo and on Block 3.