balala wrote: ↑May 15th, 2020, 3:31 pm
Do you ask how do I edit it, or how do I create it? If the second one, I'm using GifCam, but there are plenty of similar application to create such animated gifs. Just google the web a little bit to find another, if for any reason you don't like GifCam. However GifCam has the advantage of being a portable application, which means it doesn't have to be installed, just run directly when you download it.
Hi as you can see, it is not consistent. Mouse hover from bottom to top
ChromeGif.gif
Mouse hover from top to bottom.
ChromeGifv2.gif
Mouse hover from left to right.
ChromeGifv3.gif
balala wrote: ↑May 15th, 2020, 3:42 pm
No, you don't have to edit anything, just have to apply the operations I've described. But just in case, here is the whole code of the unFold\Chrome\Transparent\Chrome.ini skin, which slides the icon left:
Yeah, i have copied the exact same code, and the above is the results.
Thanks
You do not have the required permissions to view the files attached to this post.
Jason wrote: ↑May 16th, 2020, 5:41 am
Hi as you can see, it is not consistent. Mouse hover from bottom to top
ChromeGif.gif
Mouse hover from top to bottom.
ChromeGifv2.gif
Mouse hover from left to right.
ChromeGifv3.gif
Yeah, i have copied the exact same code, and the above is the results.
Thanks
You need to have a solid background, it can be 0,0,0,1 which is invisible but "solid" if you like, so the mouse detection is not just based on the pixels of the icon and text. As the meter is sliding, your mouse is on-again, off-again and the ActionTimer is being given pretty schizophrenic instructions. I have not looked at your code, but I would recommend putting the mouse actions on the panel that is sliding in and out, not the contents of the panel.
jsmorley wrote: ↑May 16th, 2020, 10:15 am
You need to have a solid background, it can be 0,0,0,1 which is invisible but "solid" if you like, so the mouse detection is not just based on the pixels of the icon and text. As the meter is sliding, your mouse is on-again, off-again and the ActionTimer is being given pretty schizophrenic instructions. I have not looked at your code, but I would recommend putting the mouse actions on the panel that is sliding in and out, not the contents of the panel.
All those skins have a SolidColor=0,0,0,1 option, but those are added to the [Rainmeter] section.
Jason wrote: ↑May 16th, 2020, 5:41 am
Hi as you can see, it is not consistent.
Maybe try to add the same SolidColor=0,0,0,1 option to the [IconStyle] section and try it again. Did this help?
Just based on what I see in the .gif animation you posted, it looks to me like you have distinct mouse actions on the "icon" image meter, and the "text" string meter. They are separated by some empty space. So when the mouse is "between" them, the mouse says "Ok, I'm off, let's fire the mouse off event." It's not going to help to put SolidColor on those two meters. There is empty space between them, and they will move on and off of where you have the mouse.
What I think you need is some meter, either an Image meter just using W / H and SolidColor=0,0,0,1 or a Shape meter using Fill Color=0,0,0,1 that can act as a "solid" background for both of those meters you are sliding. Then just put the "over/off" mouse actions on that meter, and not on the others. Feel free to put any LeftMouseDown actions, the one that actually executes what you want to execute on either or both of the image or string meters if you prefer, but to be honest I'd probably put that on the "background" meter as well.
I'm just using Container to simplify things just a bit, so I don't have to have dynamic values for X on all the meters, just the "container" meter. So I just move the container, and all the other meters come along for the ride.
Chrome.png
You do not have the required permissions to view the files attached to this post.
jsmorley wrote: ↑May 16th, 2020, 4:25 pm
Just based on what I see in the .gif animation you posted, it looks to me like you have distinct mouse actions on the "icon" image meter, and the "text" string meter. They are separated by some empty space. So when the mouse is "between" them, the mouse says "Ok, I'm off, let's fire the mouse off event." It's not going to help to put SolidColor on those two meters. There is empty space between them, and they will move on and off of where you have the mouse.
What I think you need is some meter, either an Image meter just using W / H and SolidColor=0,0,0,1 or a Shape meter using Fill Color=0,0,0,1 that can act as a "solid" background for both of those meters you are sliding. Then just put the "over/off" mouse actions on that meter, and not on the others. Feel free to put any LeftMouseDown actions, the one that actually executes what you want to execute on either or both of the image or string meters if you prefer, but to be honest I'd probably put that on the "background" meter as well.
In fact this makes sense and might be true, however it's not what I posted. There really are two Image meters, [Chrome] and [ChromeName], both got by cropping two disting parts of the same image. But the positions of these meters are set to X=(-#X1#) for the first (the left) one (in this case [Chrome]) and to X=0R for the second (the right) one ([ChromeName]). This means there is no space between them and before I posted the code, gave it a try. Perfectly worked (works). So either there something has been modified, or I have no idea.
So Jason, please post the incriminated code exactly as you have it now on the skin which gives the issue.
I guess I just don't see the need to use a MeterStyle and have the mouse over/leave actions be on both meters. I prefer having a background meter of some kind, even an invisible one, and have the mouse actions be on that.
jsmorley wrote: ↑May 16th, 2020, 6:06 pm
I guess I just don't see the need to use a MeterStyle and have the mouse over/leave actions be on both meters. I prefer having a background meter of some kind, even an invisible one, and have the mouse actions be on that.
As usually there are more solutions of the same problem. Initially there has been one single Image meter, with the text on left and the icon on right (the text has been on the image, not as a String meter). On that skin, this meter slid to right.
The ask was how could this be done to slide to left and because I thought would be much better to have the icon and the name in reverse order (with the icon on left and the name on right), to get a similar behavior as initially, I cropped this image on two distinct Image meters. The first one (placed on left) has the text, while the second one (on right) has the icon. In my code there is no space between them and this is reflected on how they are behaving when I'm hovering the mouse over them (in fact over any of these adiacent meters). Obviously it can be done even with one single meter, however as I posted my code, there are no such issues for me: as said the (two) icons are sliding out when I'm hovering the mouse over any of them and are sliding back when I'm leaving both of them.
Me personally don't see anything wrong with this approach, same as see nothing wrong nor with your approach. Both are working well. Believe me I tried out my code before posted it, so can say it does work and I don't have that described issue.
That's it...
I'm just using Container to simplify things just a bit, so I don't have to have dynamic values for X on all the meters, just the "container" meter. So I just move the container, and all the other meters come along for the ride.