Hugh_wong 发表于 2011-1-5 22:11:59

关于Button类型Meter的简单解析

说起来，这个类型的是最好掌握的了~基本命令只有两个：
ButtonImage=
//定义Button类型的图片
ButtonCommand=
//定义Button的命令

事实上很多时候，我们并不需要用“Button”这样的方式来实现“按钮”这一功能
比如，利用一个单张图片就能实现它的功能，以下代码就是例子：

Meter=Image
ImageName=
x=
y=
LeftMouseDownAction=!Execute [!RainmeterHideMeter Image2][!RainmeterRedraw]


Meter=Image
ImageName=
x=
y=
Hidden=1
LeftMouseDownAction=!Execute [#App1#][!RainmeterShowMeter Image1][!RainmeterRedraw]


上面代码中的#App1#可以引用相关的快捷方式，因此这里没给出实例。
上述代码能简单模拟出“按钮”的功能，还能修改图片大小来实现放大和缩小功能，但细心的朋友会发现，这里偶尔会有时延，有几秒之长。
而Rainmeter里面可以避免时延的代码，不多，Button是个不错的选择。
不过制作起来却颇有些麻烦，如果图标一多，就会出现制作麻烦的困境。

制作这种类型的图标，个人算是比较有经验吧：
给出几个例子大家看看





这种图标必须严格按照原文件的长宽比3：1，可以复制第一个文件，新建一个3倍大小的图像，然后再复制进去，依次排好位置，可以把第三个稍微修改亮度，这样的话，做出的图标，鼠标指在上面时，会显示高亮~
眼熟的应该会发现，有些网页制作的图标就是这样的~
软件的话，PS，GIMP，Paint.net神马的都行，基本上大部分图片处理软件都能

好了，这就是Button类型了，制作略为麻烦，但效果却比Image要好~
关于上面能有的命令，其实不止有ButtonCommand这个命令，
RightMouseDownAction仍然是适用的~

Nesk 发表于 2011-1-5 23:26:17

受教啦~~谢谢~~

stanls 发表于 2011-3-22 14:56:36

;===========================================
;Rainmeter configuration file
;===========================================

Author=njusunway
AppVersion=1.4
Update=200
;===========================================
;APP Dysplay
;===========================================


:::::::::::::::::::::::::::::::::::::Tab open::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Meter=Image
ImageName=tab.png
X=0
Y=0

LeftMouseDownAction=!execute[!RainmeterToggleMeter Background][!RainmeterToggleMeter Tab1][!RainmeterHideMeter Tab][!RainmeterToggleMeter meter1][!RainmeterToggleMeter meter2][!RainmeterToggleMeter meter3][!RainmeterToggleMeter meter4][!RainmeterToggleMeter meter5][!RainmeterToggleMeter meter6]
;rightMousedownAction=!Execute ["#Note#"]
:::::::::::::::::::::::::::::::::::::Background::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Meter=Image
ImageName=bkg.png
x=0
y=0
W=500
H=150
Hidden=1

:::::::::::::::::::::::::::::::::::::Tab closed::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Meter=Image
ImageName=tab1.png
X=450
Y=0
w=30
h=130
Hidden=1
LeftMouseDownAction=!Execute[!RainmeterHideMeter Background][!RainmeterHideMeter Tab1][!RainmeterToggleMeter Tab][!RainmeterHideMeter meter1][!RainmeterHideMeter meter2][!RainmeterHideMeter meter3][!RainmeterHideMeter meter4][!RainmeterHideMeter meter5][!RainmeterHideMeter meter6]
;================================================================

meter=BUTTON
ButtonImage=qq4.png
x=20
y=10
ButtonCommand=!Execute ["C:\Program Files\Tencent\QQ\Bin\QQ.exe"] Execute
Hidden=1

meter=BUTTON
ButtonImage=1.png
x=90
y=10
ButtonCommand=!Execute ["C:\new_zszq\TdxW.exe"] Execute
Hidden=1

meter=BUTTON
ButtonImage=plants4.png
x=160
y=10
ButtonCommand=!Execute ["C:\Program Files\AliWangWang\AliIM.exe"] Execute
Hidden=1

meter=BUTTON
ButtonImage=ff4.png
x=230
y=10
ButtonCommand=!Execute Execute
Hidden=1

meter=BUTTON
ButtonImage=itunes4.png
x=300
y=10
ButtonCommand=!Execute ["D:\Program Files\mplayer\mplayer.exe"] Execute
Hidden=1

meter=BUTTON
ButtonImage=2.png
x=370
y=10
ButtonCommand=!Execute ["C:\Program Files\KMPlayer\KMPlayer.exe"] Execute
Hidden=1

stanls 发表于 2011-3-22 14:57:35

上面的 我按照你的方法改了
LeftMouseDownAction=!Execute [!RainmeterHideMeter Image2][!RainmeterRedraw]
这个里面的Image1 Image2什么意思我写的是快捷方式的路径但是什么都不显示了 能帮我看看嘛

skyayaa 发表于 2012-2-18 16:40:13

学习了
受教

awi 发表于 2012-3-30 18:07:31

谢谢楼主啊

awi 发表于 2012-3-30 21:33:25

能不能介绍一下这个图片的制作要点啊，谢谢

lishi22692237 发表于 2012-4-5 19:41:42

找很久了 多谢答疑解惑

flygeneral 发表于 2012-4-18 16:04:37


学习了   顶一顶

883721 发表于 2012-9-27 10:02:19

谢谢楼主分享，楼主大爱，吼吼吼
(*^__^*)
页: [1] 2 3 4
查看完整版本: 关于Button类型Meter的简单解析