4 replies to this topic

[oxejatte]

Hi,

 

Is there a wiki page for skin elements ?

I've searched everywhere and i've just found topics talking about things like "try to lower zposition".

Would like to understand among other stuff what zposition stand for ?

I'm trying to skin a plugin but changing zposition values doesn't give expected results.

.

 

Regards

[Matrix10]

Very simple

a graphic element with a larger Z will cover or be on top of graphic element with a smaller Z

 

example

 

graphic element zPosition="2" will cover (if they are the same size) or be on top of the element with the smaller zPosition="1"

[oxejatte]

Thank you Matrix10.

Now i'm facing a speed problem changing zposition value.

This is original skin i'd like to change

 

 Originalskin.jpg   70.81KB   4 downloads

 

This is the visual changes i've made :

 Goodskin.jpg   256.97KB   4 downloads

 

Here's is the code after changes

<screen name="FreePlayerStart" position="fill" title="" backgroundColor="transparent" flags="wfNoBorder">
<ePixmap pixmap="picmenu/wizard.jpg" position="0,0" size="1920,1080" scale="1" zPosition="-2"/>
<widget name="Backdrop" position="0,0" size="1920,1080" transparent="1" scale="1" zPosition="-1"/>
<widget render="Label" source="global.CurrentTime" position="1645,65" size="210,90" font="Metrix;50" foregroundColor="#FFFFFF" backgroundColor="black" halign="left" transparent="1" zPosition="3">
<convert type="ClockToText">Default</convert>
</widget>
<widget render="Label" source="global.CurrentTime" position="1387,65" size="242,41" font="Metrix;35" foregroundColor="#FFFFFF" backgroundColor="black" halign="right" transparent="1" zPosition="3">
<convert type="ClockToText">Format:%A</convert>
</widget>
<widget render="Label" source="global.CurrentTime" position="1387,106" size="242,44" font="Metrix;35" foregroundColor="#FFFFFF" backgroundColor="black" halign="right" transparent="1" zPosition="3">
<convert type="ClockToText">Format:%e. %B</convert>
</widget><ePixmap position="70,988" pixmap="buttons/redpanel.png" size="30,30" alphatest="blend" zPosition="2"/>
<widget source="key_red" render="Label" position="120,955" size="210,95" font="Regular;30" valign="center" foregroundColor="#FFFFFF" backgroundColor="black" transparent="1" zPosition="1"/>
<ePixmap position="360,988" pixmap="buttons/yellowpanel.png" size="30,30" alphatest="blend" zPosition="2"/>
<widget source="key_yellow" render="Label" position="400,955" size="210,95" font="Regular;30" valign="center" foregroundColor="#FFFFFF" backgroundColor="black" transparent="1" zPosition="1"/>
<ePixmap position="640,988" pixmap="buttons/bluepanel.png" size="30,30" alphatest="blend" zPosition="2"/>
<widget source="key_blue" render="Label" position="680,955" size="210,95" font="Regular;30" valign="center" foregroundColor="#FFFFFF" backgroundColor="black" transparent="1" zPosition="1"/>
<ePixmap pixmap="browser/metrix_back.png" position="60,38" size="930,1005" transparent="1" alphatest="blend" zPosition="-1"/>
<ePixmap pixmap="browser/metrix_back2.png" position="990,60" size="855,960" transparent="1" alphatest="blend" zPosition="-1"/>
<widget name="myPath" position="55,50" size="840,50" font="Metrix;34" foregroundColor="#FFFFFF" backgroundColor="black" transparent="1" />
<widget name="filelist" position="120,188" size="810,735" font="Metrix;32" itemHeight="50" valign="center" backgroundColorSelected="header" selectionPixmap="box/slider.png" transparent="1" scrollbarMode="showOnDemand" zPosition="3" />
<widget name="Description" position="1013,180" size="816,835" font="Metrix;32" zPosition="1" backgroundColor="black" foregroundColor="foreground" transparent="1" valign="top" halign="left" />
</screen>

Problem widget name="Backdrop" take a long time to be displayed (1,5 seconds)

 

 

Here's is the code before changes, widget name="Backdrop" displayed instantly(no delay) but loosed ePixmap pixmap="browser/metrix_back.png" & ePixmap pixmap="browser/metrix_back2.png"

 

 Badskin.jpg   133.93KB   4 downloads

<widget name="Backdrop" position="0,0" size="1920,1080" transparent="1" scale="1" zPosition="1"/>
<ePixmap pixmap="browser/metrix_back.png" position="60,38" size="930,1005" transparent="1" alphatest="blend" zPosition="-1"/>
<ePixmap pixmap="browser/metrix_back2.png" position="990,60" size="855,960" transparent="1" alphatest="blend" zPosition="-1"/>

just zpositions values changed.

 

How to optimize (if it's possible) the code to instantly display widget name="Backdrop" without loosing the two pixmaps ?

 

Regards

 

 

 

[Matrix10]

I wouldn't know the solution, I don't use Pli image and that skin.

It is clear that when png files get a larger Z compared to Backdrop, it slows down.

The reason is probably the time needed by the processor for a new color calculation, which in that case is changed by mixing the backdrop with the png background.

[Guest-*0823016*]

I wouldn't know the solution, I don't use Pli image and that skin.
It is clear that when png files get a larger Z compared to Backdrop, it slows down.
The reason is probably the time needed by the processor for a new color calculation, which in that case is changed by mixing the backdrop with the png background.

I think with the OBH it works the same way.

Inviato dal mio SM-S901U utilizzando Tapatalk