It is currently March 29th, 2024, 9:47 am

we can make a new button in skin glass

Get help with installing and using Rainmeter.
Mikenewbee
Posts: 4
Joined: February 8th, 2022, 2:52 pm

we can make a new button in skin glass

Post by Mikenewbee »

Hello everyone

rainmeter is a great tool. i have load the glass skin it is work top. Thank you for the skin
I would now like to build a new button
I have understood that the buttons are created by menu.png.
I can not find out how the buttons are created.
I think you have to recreate all of them but how.
Do I have an idea
sorry for this simple question but i have been trying for hours to add some buttons but i can't do it :???:

best regards

Mike
User avatar
tass_co
Posts: 511
Joined: May 4th, 2020, 3:01 pm
Location: Ankara, TURKEY

Re: we can make a new button in skin glass

Post by tass_co »

I don't know where i going from here, but i promise it won't be boring... :great:
Mikenewbee
Posts: 4
Joined: February 8th, 2022, 2:52 pm

Re: we can make a new button in skin glass

Post by Mikenewbee »

Thanky you tass_co

my problem is
i would like to customize the transparent buttons and create new ones.
the function works but I can't get the frame around the button test to work.
it is created by the image Menu.png
the frames must have been created with some program so that they are transparent, i just don't know with which one
see Attachment
You do not have the required permissions to view the files attached to this post.
User avatar
tass_co
Posts: 511
Joined: May 4th, 2020, 3:01 pm
Location: Ankara, TURKEY

Re: we can make a new button in skin glass

Post by tass_co »

You want to arrange image size and position.
You have to change meter.
Sample code

Code: Select all

[Button01]
Meter=Image
ImageName=Menu.png		 'Image file
X=10				 'Image X cord.
Y=10				 'Image Y cord.
W=150				 'Image Width
H=50 				 'Image Height
MouseOverAction=		 'mouse over action
MouseLeaveAction= 		 'mouse leave action
LeftMouseUpAction= 		 'click event
I don't know where i going from here, but i promise it won't be boring... :great:
User avatar
balala
Rainmeter Sage
Posts: 16110
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: we can make a new button in skin glass

Post by balala »

Mikenewbee wrote: February 8th, 2022, 3:11 pm I would now like to build a new button
I have understood that the buttons are created by menu.png.
I can not find out how the buttons are created.
Besides tass_co's reply, note that there is a question first: how would you like to create the button? Because the Button meter might be indeed a solution, but for this you have to create the image of the button, into an image editor. You can find a very good description of how you have to create a button image here.
Mikenewbee wrote: February 8th, 2022, 4:04 pm the frames must have been created with some program so that they are transparent, i just don't know with which one
Paint.net might be a solution. However since we have the Shape meters, they could help to create the button, without having to create the image of the button into an image editor.
First you should decide how you want to create the button. Creating it with Shape meters has the advantage of not having to use not-editable images. Shape meters being created only by Rainmeter code, can easily be edited and altered anytime later.
So, how are you creating the button?
User avatar
tass_co
Posts: 511
Joined: May 4th, 2020, 3:01 pm
Location: Ankara, TURKEY

Re: we can make a new button in skin glass

Post by tass_co »

balala wrote: February 8th, 2022, 7:02 pm Besides tass_co's reply, note that there is a question first: how would you like to create the button? Because the Button meter might be indeed a solution, but for this you have to create the image of the button, into an image editor. You can find a very good description of how you have to create a button image here.

Paint.net might be a solution. However since we have the Shape meters, they could help to create the button, without having to create the image of the button into an image editor.
First you should decide how you want to create the button. Creating it with Shape meters has the advantage of not having to use not-editable images. Shape meters being created only by Rainmeter code, can easily be edited and altered anytime later.
So, how are you creating the button?
balala is absolutely right
I don't know where i going from here, but i promise it won't be boring... :great:
User avatar
death.crafter
Rainmeter Sage
Posts: 1399
Joined: April 24th, 2021, 8:13 pm

Re: we can make a new button in skin glass

Post by death.crafter »

Mikenewbee wrote: February 8th, 2022, 4:04 pm
Well, I can't test the code as I am posting from a phone:

Code: Select all

[Variables]
ButtonLeftPadding=10
ButtonRightPadding=10
ButtonYPadding=8
ButtonRounding=10

[ButtonN]
Meter=Shape
DynamicVariables=1
Shape=Rectangle 0,0,([ButtonTextN:W]+#ButtonRounding#), [ButtonTextN:H] | Extend Properties
Shape2=[ButtonTextN:W], #ButtonRightPadding#,[ButtonTextN:H], #ButtonRounding#
Shape3=Combine Shape | Union Shape2
Properties=StrokeWidth 2 | Stroke Color ffffff | Fill Color 255,255,255,100
LeftMouseUpAction=["path\to\appN" "arguments"]

[ButtonTextN]
Meter=String
Text=AppNameN
FontSize=16
Padding=#ButtonLeftPadding#, #ButtonYPadding#, 0, #ButtonYPadding#
AntiAlias=1
It should look like those buttons. There can be additional Mouseoveraction and stuff to make it more like a button.

Try playing around with it. I'll probably make a full working example tomorrow.
from the Realm of Death
Mikenewbee
Posts: 4
Joined: February 8th, 2022, 2:52 pm

Re: we can make a new button in skin glass

Post by Mikenewbee »

Thank you all,
I think the frames around the text buttons are in the menu.png image as tranparent icons.
I just need to find a way to get the icons (frames) transparent in windows.
I understand the function and the orientation of the frames.
I will google if I can find something about tranparent (glass) icons how to create them.
Maybe the author of the glass skin can give me a tip.
Thanks again to all of you for your contributions
User avatar
balala
Rainmeter Sage
Posts: 16110
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: we can make a new button in skin glass

Post by balala »

Mikenewbee wrote: February 9th, 2022, 8:59 am I will google if I can find something about tranparent (glass) icons how to create them.
As I said in my previous reply, you can find a tip on how to create them here.
Mikenewbee
Posts: 4
Joined: February 8th, 2022, 2:52 pm

Re: we can make a new button in skin glass

Post by Mikenewbee »

Hi balala

i have download Paintnet and do my best to greate a transparent icon :welcome:

thanky you