2011年4月19日星期二

WIN7主题新式不规则开始菜单制作教程

发帖者 Sparkhandle 时间: 12:49
这几天在动漫东东学到的最大收获——不规则开始菜单。感谢【樱茶幻萌组】!
大致搬运过来。
讲解样本:樱茶的第2代双边不规则新式菜单FATE主题
使用工具:初级汉化版VSB
基本原理:A里改图,B里改宽度


1步,先设计出菜单原型,下图菜单尺寸为800*476

2步,切图方式以及各部位属性设置(仅作参考)
Start Menu > Panels > Aero > Top > 附到「开始」菜单的程序等 背景(ProgramsList

Start Menu > Panels > Aero > Top > 「所有程序」大背景(MorePrograms

Start Menu > Panels > Aero > Top > 搜索框 大背景(OpenBox

Start Menu > Panels > Aero > Top > 位置列表(PlacesList
这里是切图的关键,这部分要连带关机那个部位的图一起保留,这里是解决第1代新式菜单右边阴影的关键

Start Menu > Panels > Aero > Top > 「关机」背景(Logoff

Start Menu > Panels > Aero > Top > 程序列表(单击「所有程序」后展开的,NSCHost
这里对应的位置下图所示

Start Menu > Panels > Aero > Top > 搜索结果 背景(SearchView
对应的位置

Start Menu > Panels > Aero > Top > 「查看更多结果」大背景(MoreResults
本人电脑上删掉了这个功能,和一部分人有区别,故这段切图方式仅作参考。
对应的位置


3步,修改菜单宽度,定位图标和所有程序输入框(仅作参考,不同菜单需要设置不同的参数)

修改菜单宽度的原理:到Start Menu > Panels > Basic下修改对应项目的DEFAULTPANESIZE:RECT参数
Start Menu > Panels > Basic > ProgramsList为例(其他部位同理)

上图中下面那个红框中DEFAULTPANESIZE:RECT参数00450383
其中第3个数字450,就代表了ProgramsList的宽度,这个数字必须对应
Start Menu > Panels > Aero > Top > 附到「开始」菜单的程序等 背景(ProgramsList)中的图片宽度。

接下来是定位图标,上图中上面红框里的CONTENTMARGINS:MARGINS参数2052110 2个数字所代表的是图标以及图标跟踪框距离左,右边界的像素单位,调整这2个数值就能修改图标以及图标跟踪框的位置。
具体对应的部位如下图

接下来定位所有程序输入框,修改Start Menu > Panels > Basic > MorePrograms中的CONTENTMARGINS:MARGINS参数,和上面定位图标及跟踪框的原理一样


4步,也是第2代菜单的最关键的部分
就是去掉菜单左边搜索栏和所有程序那段的被大背景渲染的透明条
方法就是把那个白色的搜索框压到屏幕以下,参数设置如下图
修改Start Menu > Panels > Basic > OpenBox项目的CONTENTMARGINS:MARGINS参数
格式为:0-?54-1(其中"?"的数值就是位置列表PlacesList中图片的宽度)



最后就是2个细节问题了,修改位置列表(PlacesList)的文字列表的跟踪框。

对应的部位以及要修改的参数如图
1页(这里可以直接通过修改图片本身的宽度来达到目的,属性设置参照图中所示)

2页(这里通过修改CONTENTMARGINS:MARGINS参数第2个数字来改变跟踪框长度,属性设置参照图中所示)

制作新式菜单的关键就是了解以下2个参数的含义
DEFAULTPANESIZE:RECT
CONTENTMARGINS:MARGINS
2个参数的意义弄明白了,基本上制作樱茶前2代的新式主题就能搞定了
另外,SIZENGMARGINS:MARGINS图片锁定参数也要熟悉
新式菜单技术由樱茶小组技术组组长 榕骑士 所创
前组长 SIVA丶酱 负责调试
转载与借鉴此技术者请注明相关


PLUS:右侧不规则开始菜单新制作方法(解决以往右侧菜单不能全局拉伸问题)http://bbs.comicdd.com/thread-224602-1-1.html

做过主题的人应该知道,樱茶所研究的右侧不规则菜单为主题萌化添加了诸多的特色,
但是,以往的右侧不规则菜单往往是把菜单显示的程序数限制在10个,并且无法把程序附在菜单上。(见下图)
10个程序数的状态,菜单显示完好。
当程序数>10时,菜单便出现了错位。
这样使菜单的实用性稍微的打了折扣。
下面就介绍某人无意间发现的一个属性,这能够较好的解决以上问题。
(只适用于全去磨砂的菜单)
做过右侧不规则的Moer(指萌化人)应该都知道,以往的右侧不规则的做法是靠PlacelistS值的特殊设定才实现的,这主要取决于Placelist的特殊性,它的轮廓(不知道该叫啥,姑且称之为轮廓)延伸至下方的logoff部分,这就是为什么以往的右侧不规则切图时要把Logoff部分一切切的原因,然后通过S值的设定,将切入的logoff部分设定成拉伸区域,在限定的程序数下,这部分由于没有显示空间而高度被压成0后与logoff的切图切合。当程序数增加时,placelist被压的logoff部分便有了显示空间,于是便出现了上图的错位情况。
对初代右侧不规则菜单制作方法大概就说到这。
这个属性:
路径:
Start menu->panels->Basic->placelist 中的 TRANSPARENT:BOOL 属性
将这里改成否(去掉钩钩),placelist将不再决定轮廓!
此时,placelist 的切图不需要再连logoff部分一起切:
此时,placelistS值便可以设定成任意值!也可以实现菜单的整体拉伸了!
程序数增加时:

新制作方法总结:
1:路径:
Start menu->panels->Basic->placelist 中的 TRANSPARENT:BOOL 属性
将这里改成否(去掉钩钩),placelist将不再决定轮廓!
2placelist的切图部分不再需要连logoff一起切
3:这种方法只适用于全去磨砂的菜单。



fin

Related Posts with Thumbnails

0 评论:

发表评论