如何给cat-album制作与设置皮肤
即时获得麻球游戏开发的最新消息,关注游戏开发者热门讨论,请各位开发者申请加入麻球官方群:121304476
也可以follow catfly围脖:t.sina.com.cn/iscat

在使用cat-album开发相册时,并不是必需指定一个皮肤文件的。当它发现你没有设置皮肤时,就不会创建依赖皮肤的模块。只会生成相册的图片展示区域与自动切换播放功能。

下面是制作皮肤文件时的文件结构

示例[无设置皮肤]:

This movie requires Flash Player 9

你可以下载修改这个皮肤文件:albumSkin.rar
在AlbumPlayer对象上设置这个文件为皮肤文件。这样皮肤文件就与相册分离了。
示例[有设置皮肤]:

This movie requires Flash Player 9

加载与设置相册皮肤的方法如下:


var albumPlayer:AlbumPlayer=new AlbumPlayer(albumData);
addChild(albumPlayer);

var albumSkin:Object;
var __albumSkin:Class;
var skinUrl:String = "./skin/albumSkin.swf";
loadSkin();

function loadSkin():void {
	var loadSkin:Loader = new Loader();
	var context:LoaderContext = new LoaderContext();
	context.checkPolicyFile=true;
	context.applicationDomain=new ApplicationDomain(ApplicationDomain.currentDomain);
	loadSkin.load(new URLRequest(skinUrl),context);
	loadSkin.contentLoaderInfo.addEventListener(Event.COMPLETE,skinLoadedFunc);
}
function skinLoadedFunc(e:Event):void {
	__albumSkin=e.target.applicationDomain.getDefinition("AlbumSkin") as Class;

	albumSkin = new __albumSkin();

	albumPlayer.setAlbumSkin(albumSkin);
	trace("[Skin loaded successfully!]");
}

这个皮肤文件的结构是这样的:

播放框区域 :蓝框区域
图片区域 :红框区域
环绕功能条区域 :黄框区域
控制面板 :紫框区域

通过修改下面几个元件中的界面达到换皮肤的目的:

换播放框界面,修改 [ PlayerSkin ] 元件

换环绕功能条,修改 [ AroundBar ] 元件

换控制按钮,修改 [ ControlPanle ] 元件

其中音量控制面板,需要修改 [ VolumeCotrol ] 元件,具体修改方式如下:
音量拖动点:

静音切换按钮:

音量显示条修改 [ VolumeUp ] 元件:方便修改把不同颜色的显示条错开,修改好后再重叠起来。

猫抓鱼

2 Responses to “如何给cat-album制作与设置皮肤”

Leave a Reply