# 关于Button类型Meter的简单解析 - Rainmeter技术教程 - 雨滴社区 - Powered by Discuz!
 找回密码
 点击注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 11859|回复: 36

[高级教程] 关于Button类型Meter的简单解析

[复制链接]

签到天数: 4 天

[LV.2]偶尔看看I

发表于 2011-1-5 22:11:59 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?点击注册

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

事实上很多时候,我们并不需要用“Button”这样的方式来实现“按钮”这一功能
比如,利用一个单张图片就能实现它的功能,以下代码就是例子:
[Image1]
Meter=Image
ImageName=
x=
y=
LeftMouseDownAction=!Execute [RainmeterShowMeter Image1][!RainmeterHideMeter Image2][!RainmeterRedraw]

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


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

制作这种类型的图标,个人算是比较有经验吧:
给出几个例子大家看看
myqq.png

mypc.png


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

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

评分

参与人数 1活跃值 +1 收起 理由
awi + 1 很给力,楼主辛苦了!

查看全部评分

回复

使用道具 举报

签到天数: 3 天

[LV.2]偶尔看看I

发表于 2011-1-5 23:26:17 | 显示全部楼层
受教啦~~谢谢~~
回复

使用道具 举报

签到天数: 8 天

[LV.3]偶尔看看II

发表于 2011-3-22 14:56:36 | 显示全部楼层
;===========================================
;  Rainmeter configuration file
;===========================================
[Rainmeter]
Author=njusunway
AppVersion=1.4
Update=200
;===========================================
;  APP Dysplay
;===========================================
[Variables]

:::::::::::::::::::::::::::::::::::::Tab open::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
[Tab]
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::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
[Background]
Meter=Image
ImageName=bkg.png
x=0
y=0
W=500
H=150
Hidden=1

:::::::::::::::::::::::::::::::::::::Tab closed::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
[Tab1]
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]
;================================================================
[meter1]
meter=BUTTON
ButtonImage=qq4.png
x=20
y=10
ButtonCommand=!Execute ["C:\Program Files\Tencent\QQ\Bin\QQ.exe"] Execute [PLAY Skins\iphone\On.wav]
Hidden=1
[meter2]
meter=BUTTON
ButtonImage=1.png
x=90
y=10
ButtonCommand=!Execute ["C:\new_zszq\TdxW.exe"] Execute [PLAY Skins\iphone\On.wav]
Hidden=1
[meter3]
meter=BUTTON
ButtonImage=plants4.png
x=160
y=10
ButtonCommand=!Execute ["C:\Program Files\AliWangWang\AliIM.exe"] Execute [PLAY Skins\iphone\On.wav]
Hidden=1
[meter4]
meter=BUTTON
ButtonImage=ff4.png
x=230
y=10
ButtonCommand=!Execute [C:\Users\脱掉内裤吹吹风\AppData\Local\Google\Chrome\Application\chrome.exe] Execute [PLAY Skins\iphone\On.wav]
Hidden=1
[meter5]
meter=BUTTON
ButtonImage=itunes4.png
x=300
y=10
ButtonCommand=!Execute ["D:\Program Files\mplayer\mplayer.exe"] Execute [PLAY Skins\iphone\On.wav]
Hidden=1
[meter6]
meter=BUTTON
ButtonImage=2.png
x=370
y=10
ButtonCommand=!Execute ["C:\Program Files\KMPlayer\KMPlayer.exe"] Execute [PLAY Skins\iphone\On.wav]
Hidden=1
回复

使用道具 举报

签到天数: 8 天

[LV.3]偶尔看看II

发表于 2011-3-22 14:57:35 | 显示全部楼层
上面的 我按照你的方法改了
LeftMouseDownAction=!Execute [RainmeterShowMeter Image1][!RainmeterHideMeter Image2][!RainmeterRedraw]
这个里面的Image1 Image2什么意思  我写的是快捷方式的路径  但是什么都不显示了 能帮我看看嘛
回复

使用道具 举报

签到天数: 10 天

[LV.3]偶尔看看II

发表于 2012-2-18 16:40:13 | 显示全部楼层
学习了
受教
回复

使用道具 举报

签到天数: 39 天

[LV.5]常住居民I

发表于 2012-3-30 18:07:31 | 显示全部楼层
谢谢楼主啊
回复

使用道具 举报

签到天数: 39 天

[LV.5]常住居民I

发表于 2012-3-30 21:33:25 | 显示全部楼层
能不能介绍一下这个图片的制作要点啊,谢谢
回复

使用道具 举报

签到天数: 8 天

[LV.3]偶尔看看II

发表于 2012-4-5 19:41:42 | 显示全部楼层
找很久了 多谢答疑解惑
回复

使用道具 举报

签到天数: 1 天

[LV.1]初来乍到

发表于 2012-4-18 16:04:37 | 显示全部楼层

学习了   顶一顶
回复

使用道具 举报

签到天数: 8 天

[LV.3]偶尔看看II

发表于 2012-9-27 10:02:19 | 显示全部楼层
谢谢楼主分享,楼主大爱,吼吼吼
(*^__^*)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 点击注册

本版积分规则

快速回复 返回顶部 返回列表