v14 Progress bar - Kodi adds flow to it
#1
Another problem with the progress bar :S.
I finally have four working textures for my progress bar, but now if the progress bar displays more than 50 % this happens:
Image
It seems like the background slowly starts being the top image of the progress bar.

Code:
<texturebg>VideoProgressBG12.png</texturebg>
<lefttexture>VideoProgressLeft5.png</lefttexture>
<midtexture>VideoProgressMidd12.png</midtexture>
<righttexture>VideoProgressRight3.png</righttexture>

I tried with the <reveal> option it works until 50%, then the color flow begins.
Please help me Smile
Reply
#2
You'll need to add border values to stop the images getting stretched.
Reply
#3
I don't know what you mean, if I add borders like <midtexture border="5">VideoProgressMidd12.png</midtexture> it only gets smaller :S
Reply
#4
Without knowing how the textures look I can't really help.
Reply
#5
Here are the four textures:

http://www100.zippyshare.com/v/VX8GGTay/file.html
Reply
#6
Also need to see the width/height values.
Reply
#7
Code:
<width>568</width>
<height>18</height>
Reply
#8
Try -

PHP Code:
<texturebg border="21">VideoProgressBG12.png</texturebg>
<
lefttexture border="21,21,0,21">VideoProgressLeft5.png</lefttexture
<
midtexture border="0,12,0,12">VideoProgressMidd12.png</midtexture>
<
righttexture border="0,0,21,0">VideoProgressRight3.png</righttexture

You might run into problems with the mid texture though as it's only 1px wide and Kodi needs them to be at least 4px in width when converting to a texture file.
Reply
#9
http://fs2.directupload.net/images/150621/2nz9gw4b.jpg

One word: wtf Big Grin
I even streched the midtexture to 4x15
Reply
#10
I got the right texture wrong -

PHP Code:
<righttexture border="0,21,21,21">VideoProgressRight3.png</righttexture

Try border="1" for the middle.
Reply
#11
Sorry but I must say, your solution still don't work...
But I tried something and got it work, with the 4px width new midtexutre and this code:
Code:
<texturebg>VideoProgressBG12.png</texturebg>
<lefttexture>VideoProgressLeft5.png</lefttexture>
<midtexture border="1">VideoProgressMidd13.png</midtexture>
<righttexture>VideoProgressRight3.png</righttexture>

And this is what u get:
Image

Thanks again you helped me!
Reply

Logout Mark Read Team Forum Stats Members Help
Progress bar - Kodi adds flow to it0