XWidgetSoft Forum

Ok hamid...It's up to you now!

The widget will work like this:
1) With mouse over a button: The "green"/"orange" or "blue" layer will appear and the corrisponding progressbar (liquid in bottle) will go from 0>100 to give the effect of stuffing the glass.
2) With mouse out the "green"/"orange" or "blue" layer disappears and the progressbar(liquid in bottle) goes from 100>0
(empty glass)
3) And with click on a button, will have shutdown/restart/sleep, according the buttons.

...if you have any suggestions tell me..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

I'm doing the 2nd test with the new look of the liquid in glass and the creation of 3 progressbars for the top liquid.
The only "negative" using the thumb function for the in glass liquid, is that we can have the full empty look. So you need to make an addition in the script to "show the progressbar with the mouse enter"..
But you will see it in practice...
I will post it as soon as possible..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

I will try to test various positions (front/behind) of the various images to reproduce the same visual as the original...
Don't forget that is always a port from a locker theme for ANDROID and there the animation/effects work different....!
Wait for my second test .xwp..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Test this one:
Concentrate only on "upgreen" and "progressbargreen" progressbars.
The first one is the falling liquid and the second the liquid in the glass.
The "upgreen" should go from 100->38 and the "progressbargreen" from 0->100
They need to move at the same time to give the effect like the screenshot the image.

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

i can do the coding for it, but i think it's better to not do extra coding for it to save cpu usage,
so maybe better to do it this way:
1. cut the top-half of the top of the liquid to be used in behind of coming liquid
2. cut the bottom-half of top of the liquid (including its corners) to be used in front of coming liquid
3. use clipping option to show coming liquid and hide liquid in glass

i just worked on it to find the best way to use clipping, but i'm confused on clipping option,
maybe you know it better,
if you can't do it, then just send the cutted images and i will sort them as it should be

Here are the cutted images but I'm confused about what do you want to do with them..
The top second progressbar for the liquid will stay or not?

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

i don't think any progressbar will be needed,
i want to use image object for it,
is there any reason to use progressbar?


edit:
i want the top of the glass liquid in 2 half, not this one,
it should also have the bottom corners filled in bottom half

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Any news hamid...?

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

All seem ok hamid, thanks!!
The only problem is the liquid on the bottom, (when the glass is empty) that is going too low/out of glass...
I would like to fix it but I don't see any progressbar.. How can I move up a little the bottom part? Just only stretching the image..?

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Ok... I'll try to add this extra background to hide these parts. Thanks again!

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

i just found another way:

if you think adding background is hard for you,
you can also resize the [liquid.png] images to the size that should be used in widget,
and then there is no need to use stretch in image object,
so we can use clipping that way


here's an example:
cooee_juicer_widget_[test4] [2014.10.11]1435.xwp [767.3 KiB]
Downloaded 206 times

Your last test file works flawless!
I was ready to create a background image but seems that no need to do it..
I don't know a lot about script code but about editing/creating images nothing is impossible for Jimking..!

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/