技术RM 中image类型meter全面解析.docx
- 文档编号:29106886
- 上传时间:2023-07-20
- 格式:DOCX
- 页数:14
- 大小:649.67KB
技术RM 中image类型meter全面解析.docx
《技术RM 中image类型meter全面解析.docx》由会员分享,可在线阅读,更多相关《技术RM 中image类型meter全面解析.docx(14页珍藏版)》请在冰豆网上搜索。
技术RM中image类型meter全面解析
Image类型的meter全解
我先简单的介绍一下这个meter的作用:
Imagemeter用来显示图片,不需要绑定一个measure,而且经常从审美的角度被用来显示指定的图片。
然而当与measure一起使用的时候,他会显示measure测量值的图片(例如,measure得到值为1,那么就显示1.png这个图片)
可以用以下命令修改图片:
ImageCrop->GreyScale->ImageTint->ImageFlip->ImageRotate.
RM中使用image这个类型的meter是很常见的,而且它时常丰富了我们的皮肤的界面,让使用者的视觉得到了享受,我想现在所谓的RM爱好者,在下载一个皮肤的时候,第一要素就是有视觉的冲击力,能够激发你去下载这个皮肤,你觉得这个皮肤界面漂亮,而不是在乎它的功能什么的,所以这就是所谓的实用皮肤不受青睐的原因之一了.
好了,言归正传,下面本文将为大家仔细讲解image的各个环节,和具体的使用.
第一节:
Image各个选项的设定
被显示图片的名字。
IMAGENAME可以引用一个或者多个measureName:
Meter=IMAGE
MeasureName=SomeMeasure
MeasureName2=SomeMeasure2
ImageName=%1-%2.png
如果ImageName没有指定,MeasureName追加“.png”作为图片.
Path
皮肤文件夹中图像的相对位置.
AntiAlias
如果设置为1,当图片显示时进行抗锯齿
PreserveAspectRatio
如果设置为1,缩放图象是保留长宽比,默认为0
o当PreserveAspectRatio=0,你可以定义宽度和高度,会缩放图片到指定尺寸,不会保留长宽比
o当PreserveAspectRatio=1,你可以指定宽度或者高度,图片会被缩放到指定值,另一个会根据长宽比自动缩放
o当PreserveAspectRatio=1,你可以指定宽度和高度,图片使用原图片宽度和高度中最大的值,把它更改为用户指定的值,并且把另一边按照长宽比自动缩放。
这个方法使得图片适应长度和高度,甚至用户也不知道,这个图片是否是图片原本的高或者宽
o在所有情况下图片在meter的中间用W,H定义。
死角被长宽比保持着(这就像当你用一个4:
3的电视看一个宽屏电影时上下产生的黑色区域)是透明的.
oImagemeters可以用[MeasureName]作为W或者H或者2者的值,并且图片可以在measure每次更新时做缩放.这意味着刷新不需要调整图像和动态缩放图片,可以通过更改measures的值来改变尺寸.
ImageCrop
修剪这个图片,这个参数是:
Imagecrop=x;y;w;h;origin.可选择以下当作起点:
1-topleft
2-topright
3-bottomright
4-bottomleft
5-center(bothwandh)
ScaleMargins
允许在一个图片上设置边框,不会被meter的W,H设置缩放的区域.
格式:
ScaleMargins=left,top,right,bottom(例如:
ScaleMargins=10,50,10,50)
注意:
ScaleMargins只有在TILE和PreserveAspectRatio没有使用的情况下使用
Greyscale
如果设置为1,图片以灰度显示
Imagetint
给图片染色。
颜色格式跟Solidcolor一样:
RGB(Alph)。
如果指定alph-透明度,图片会变半透明(0表示不可见,255表示不透明)
注意:
如果你结合Greyscale和Imagetint重新填色,要定义颜色,如果你单独使用Imagetint,就给图片增加了定义颜色,创建了一个“色彩”。
Imageflip
包括NONE,HORIZONTAL,VERTICAL,BOTH
Imagerotate
用角度来旋转,负数表示逆时针旋转
Tile
在imagemeter中根据设定的W,H边界平铺图片
ColormatrixN
Colormatrix参数表示一个5x5矩阵被用于控制图片的颜色值。
它分为5个独立的参数,每一行都有编号:
ColorMatrix1=1;0;0;0;0
ColorMatrix2=0;1;0;0;0
ColorMatrix3=0;0;1;0;0
ColorMatrix4=0;0;0;1;0
ColorMatrix5=0;0;0;0;1
从左上角到右下角对角线上的值分别是:
红色,绿色,蓝色,透明度和一个占位符,这些值代表着图像中对应值的百分比。
0.0表示没有,1.0表示正常。
矩阵中其他项目允许颜色拥有自己的修饰,在其他的颜色组中。
(例如:
红色的值可能会增加一半蓝色),在最后一行中(Colormatrix5)确定抵消直接添加到颜色的值。
(例如:
Colormatrix5=0.5;0;0;0;1会增加50%红色),获取更多关于Colormatrix的信息点击:
或者等下一个翻译
Imagealpha
改变图片的不透明度。
范围是0~255,0表示完全不可见,255表示完全不透明,如果设置它,ImageTint中的关于alpha部分的设置会被这个代替。
第二节:
Image里面的一些属性设定说明
1.imagename+measurename
;------建立两个calc一个返回1一个返回2
[calc1]
measure=calc
formula=1
[calc2]
measure=calc
formula=2
;--------下面建立几个图片
;--情况1,有一个measurename,同时指定imagename,下面的%1就表示calc1的返回值1,%2表示calc2返回值2,那么下面指定图片是1-1.png
[image1]
meter=image
measurename=calc1
imagename=%1-%1.png
;--情况2,有两个measurename,同时指定imagename,下面的%1就表示calc1的返回值1,%2表示calc2返回值2,那么下面指定图片是1-2.png
[image2]
meter=image
x=100
measurename=calc1
measurename2=calc2
imagename=%1-%2.png
;情况3,只有一个measurename,没有指定imagename,那么就会默认读取返回的calc1的值,作为图片的名称,之后自己自动的在当前目录寻找这个文件名称,如果后缀为满足条件的图片文件后缀那么就会加载这个图片,下面加载的是1.png
[image3]
meter=image
measurename=calc1
x=200
2.path的使用
这个很简单,如上面所述这个是指定皮肤文件夹中图像的相对位置,什么意思呢?
下面举一个例子:
;情况4,指定了一个path,其他和情况三一样
[image4]
meter=image
measurename=calc1
x=300
path=images
那么我们会发现,这里的显示和image3的显示是不一样的,这里读取的是images文件夹下面的1.png
(上面两个使用请查看相关的实例皮肤文件夹里面的demo1.ini)
3.antialias的使用
antialias设置为1就可以对图片进行抗锯齿,什么是锯齿?
比如说有的皮肤边边角角比较毛毛躁躁,看起来不是很舒服有些刺眼,使用ias=1就是了,很简单的事情.
4.PreserveAspectRatio的使用
上面说了这个是缩放图片用的缩放样式
下面是一个例子:
;--情况1,设定PreserveAspectRatio=1,设定wh其中之一了抗锯齿之后就可以使得肉眼看一个图更加的舒服,你可以在image类型的meter下面设定antialias
[image1]
meter=image
imagename=1.png
PreserveAspectRatio=1
w=100
;--情况2,设定PreserveAspectRatio=1,同时设定wh
[image2]
meter=image
x=100
imagename=1.png
w=100
h=200
;--情况3,不设定
[image3]
meter=image
x=200
imagename=1.png
效果如图大家看看就知道什么意思了。
明显的设定wh其中之一那么就会以这个设定了的为基准缩放,比如图标大小是80*80,那么我们设定,w=100那么宽就直接显示为100,之后按之前的原图的w:
h的比例缩放h得到之后的h那么就有了最左边的图了.
至于两个都设定,那么就会按设定的w,h之间按比例分的较小的那个为基准按比例缩放,比如上面设定的是w=100,h=200,由于原图比例是1:
1,那么你会发现我们设定的是1:
2,那么就会按照比例偏小的那个部分为基准,就是w=100生效,但是你看为什么,我们么有设定y坐标,y坐标默认应该是0的,但是显示却不为0了呢,这个是因为你的h=200,但是真正显示值显示100个像素(因为按比例缩放了),那么就会偏移这个meter的中心点y坐标,这个Y坐标被设定为我们指定的Y坐标的1/2,就是100了,看看下图就是了:
不比例缩放时候:
比例缩放的时候:
就是这个原理,OK相关实例看看demo2.ini
5.imagecrop的详解
格式:
ImageCrop=X,Y,Width,Height,(Originnumber)
Originnumber:
1=Topleft
2=Topright
3=Bottomright
4=Bottomleft
5=Center(bothWandH)
X/Y/Width/Height是必须的
Originnumber是用来定义x/y的起源用的
你可以给x,y一个负值,但是给w,h一个负值是无效的
如果你给一个w,h其中之一为0,那么将没有什么显示的东西了
如果你定义了一个wh之后坐标也都选定好了,但是被截取的图片部分大小不够,那么会被透明色代替,你可以通过设定solidcolor来设定背景色。
6.ScaleMargins的使用
允许在一个图片上设置边框,不会被meter的W,H设置缩放的区域.相关使用看demo3.ini,这个不是很常用
你可以看看下面这个例子:
[image1t-s]
meter=image
y=300
imagename=1-3.png
h=200
w=200
x=240
[image1t-t]
meter=image
y=300
;1-3.png是相对1-2.png在上下左右都加了10像素用一个背景色在ps里面进行处理的用来作专门的边框用的,明显发现下面的边框没有被缩放,这个是正规的用法,其他的会感到莫名其妙
imagename=1-3.png
h=200
w=200
x=480
ScaleMargins=10,10,10,10
根据上面的例子说明了,我们使用这个的时候可能造成一些我们觉得莫名其妙的东西,比如说图片的拉伸很操蛋之类的,这时候你就要重新认知一下这个选项的作用了,这个是用来建立一个不伴随w,h缩放的边框用的,记住是一个边框,那么我们最好选择一个有边框的皮肤使用这个,不然你使用这个属性于一个无明确边框的图片上面会觉得没有参照性,而不好进行图片的设置.
7.Greyscale+Imagetint
相关的说明请仔细看上面的说明,下面主要讲解怎么使用,
相关详细情况demo4.ini,下面是结果预览:
你可以利用imagetint对图片进行色彩样式的改变,第二个设定了灰度显示,结果很明显,后面三个设定了imagetint,第三个设定了imagetint第四个参数,从而可以直接改变meter的透明度.更多实用自己可以摸索。
利用这个可以将你不喜欢的image色彩转变成你喜欢的,自己微调就是了。
从上面的图片也可以看见imagetint+Greyscale,设定和imagetint单独设定的显示色调是一致的。
8.Imageflip+Imagerotate
这两个是image的显示角度的用的.比如:
;--情况1,什么都不设定
[image1]
meter=image
imagename=1-2.png
;--情况2,设定Imageflip
[image2]
meter=image
imagename=1-2.png
x=100
;HORIZONTAL表示水平翻转,VERTICAL表示垂直翻转,both表示水平+垂直翻转,none是默认值就是不翻转
imageflip=VERTICAL
;--情况3,设定Imagerotate
[image3]
meter=image
imagename=1-2.png
x=200
Imagerotate=45
效果示意图如下:
不做过多解释了,自己设定一下,看看就是了,实例自己看看demo5.ini
说一下的是,你如果设定了w,h那么宽高就是固定的了,那么图像就会按照w,h以矩形的区域平铺,如果没有设定,那么就会保持图片应有的大小,不论你旋转的角度
9.Imageapha透明度
这个顾名思义,自己看看就知道了,10进制是0-255,16进制是00-ff,多动手调试,就会了.
好了,就是这样了,下次有时间讲一下颜色矩阵,这个稍微复杂一点点.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 技术RM 中image类型meter全面解析 技术 RM image 类型 meter 全面 解析