一个纯代码写的AS3按钮类

2008-02-18

有10人发表了评论 | 赶紧发表评论吧| 1 views

因为是第一次用类定义来写,难免代码效率会低.
因为想要用纯代码写一个支持多种频谱效果的AS3播放器,更想将所有需要的东西全都装进包里.因此,没打算用Flash自带的组件,一是组件拖动到库里之后,导出的文件大小呈几何数量级翻倍,二是,借此机会,真正和类亲密接触一回.
首先,将按钮类实现了.发现自己用代码绘制按钮并不难,但是需要很仔细的计算好每个细节,包括鼠标按下按钮之后移出按钮区域又移回来时候的按钮绘制.代码如下,调用的时候还得自己将函数添加到侦听列表中.

import flash.display.Sprite;
import flash.events.MouseEvent;
import flash.events.*;
import flash.display.GradientType;
import flash.geom.Matrix;
import flash.display.CapsStyle;
import flash.display.LineScaleMode;
class coolbutton extends Sprite {
private var mybutton:Sprite;
private var colormatrix:Matrix;
private var colorarray:Array;
private var ispressed:Boolean;
public function coolbutton(height:Number=32,width:Number=64) {
mybutton = new Sprite();
colorarray = new Array();
ispressed = false;
colorarray = [0,148,148,255];
colormatrix = new Matrix();
colormatrix.createGradientBox(width,height,Math.PI/2,0,0);
mybutton.height = height;
mybutton.width = width;
graphics.lineStyle(1,0x707070,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.drawRoundRect(3,3,width-1,height-1,3,3);
graphics.lineStyle(1,0xF3F3F3,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.beginGradientFill(GradientType.LINEAR,[0xF5F5F5, 0xE0E0E0, 0xCFCFCF, 0xC0C0C0],[1,1,1,1],colorarray,colormatrix);
graphics.drawRoundRect(4,4,width-3,height-3,3,3);
graphics.endFill();
}
public function onhover(event:Event) {
var height = event.target.height;
var width = event.target.width;
if (ispressed) {
graphics.lineStyle (1,0x2C628B,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.drawRoundRect(3,3,width-1,height-1,3,3);
graphics.lineStyle (1,0x63ACD3,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.beginGradientFill(GradientType.LINEAR,[0xE5F4FC, 0xC4E5F6, 0x98D1EF, 0x6DB6DD],[1,1,1,1],colorarray,colormatrix);
graphics.drawRoundRect(4,4,width-3,height-3,3,3);
graphics.endFill();
} else {
graphics.lineStyle (1,0x3C7FBE,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.drawRoundRect(3,3,width-1,height-1,3,3);
graphics.lineStyle (1,0xEFF9FE,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.beginGradientFill(GradientType.LINEAR,[0xF5F5F5, 0xD9F0FC, 0xBEE6FD, 0xA7D9F5],[1,1,1,1],colorarray,colormatrix);
graphics.drawRoundRect(4,4,width-3,height-3,3,3);
graphics.endFill();
}
}
public function onout(event:Event) {
var height = event.target.height;
var width = event.target.width;
graphics.lineStyle(1,0x707070,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.drawRoundRect(3,3,width-1,height-1,3,3);
graphics.lineStyle(1,0xF3F3FF,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.beginGradientFill(GradientType.LINEAR,[0xF5F5F5, 0xE0E0E0, 0xCFCFCF, 0xC0C0C0],[1,1,1,1],colorarray,colormatrix);
graphics.drawRoundRect(4,4,width-3,height-3,3,3);
graphics.endFill();
}
public function onpress(event:Event) {
var height = event.target.height;
var width = event.target.width;
ispressed = true;
graphics.lineStyle(1,0x2C628B,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.drawRoundRect(3,3,width-1,height-1,3,3);
graphics.lineStyle(1,0x63ACD3,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.beginGradientFill(GradientType.LINEAR,[0xE5F4FC, 0xC4E5F6, 0x98D1EF, 0x6DB6DD],[1,1,1,1],colorarray,colormatrix);
graphics.drawRoundRect(4,4,width-3,height-3,3,3);
graphics.endFill();
}
public function onrelease(event:Event) {
var height = event.target.height;
var width = event.target.width;
ispressed = false;
graphics.lineStyle(1,0x707070,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.drawRoundRect(3,3,width-1,height-1,3,3);
graphics.lineStyle(1,0xF3F3F3,1,true,LineScaleMode.NONE,CapsStyle.NONE,null,3);
graphics.beginGradientFill(GradientType.LINEAR,[0xF5F5F5, 0xE0E0E0, 0xCFCFCF, 0xC0C0C0],[1,1,1,1],colorarray,colormatrix);
graphics.drawRoundRect(4,4,width-3,height-3,3,3);
graphics.endFill();
}
public function onClick(event:Event) {
trace(event.target,'is just being clicked');
}
}

ID3乱码不再是Flash播放器的瓶颈

2008-02-16

目前还没有人发表评论 | 赶紧发表评论吧| 1 views

本文的最新更新在此处

有感于frank发布在闪无忧上的一篇文章DataArray之烦人的ID3乱码
它完美的解决了在flash编程中无法正确获得正确的中文ID3信息.
堪称Flash编码史上的一座里程碑

但是有一点点不完整,如果ID3标签本身就是UTF-8编码的,那经过转换出来的信息岂不是又成了火星文了.
看下面一个例子,是几首歌曲的ID3标签和16位的编码以及经过UTF-8转换函数处理之后的标签

HEX: c3 84 c3 a3 c3 97 c3 ae c2 bd c3 bc c2 bb c2 b9 c2 ba c3 83 c3 82 c3 b0
Encoded: 你最近还好吗
originalString: Äã×î½ü»¹ºÃÂð

HEX: e6 97 a5 e4 b8 8d e8 90 bd
Encoded: 鏃ヤ笉钀
originalString: 日不落

HEX: c3 80 c3 ab c3 88 c3 8b
Encoded: 离人
originalString: ÀëÈË

上面HEX代表originalString原始字符串的16位编码,Encoded是原始字符串经过转换后处理的结果.
可以看到本身就是UTF-8的编码比较短,而非UTF-8的编码前面均以c3或者c2开始.那就将c2,c3作为条件来判断是否需要转换.
十六进制的c3就是十进制的195,于是修改为

function EncodeUtf8(str : String):String {
if (str!=null) {
var oriByteArr : ByteArray = new ByteArray();
oriByteArr.writeUTFBytes(str);
for (var i = 0; i trace(oriByteArr[i].toString(16));
}
if (oriByteArr[0]==195 || oriByteArr[0]==194) {
var tempByteArr : ByteArray = new ByteArray();
for (var i = 0; i if (oriByteArr[i] == 194) {
tempByteArr.writeByte(oriByteArr[i+1]);
i++;
} else if (oriByteArr[i] == 195) {
tempByteArr.writeByte(oriByteArr[i+1] + 64);
i++;
} else {
tempByteArr.writeByte(oriByteArr[i]);
}
}
tempByteArr.position = 0;
trace('/');
for (var i = 0; i trace(tempByteArr[i].toString(16));
}
return tempByteArr.readMultiByte(tempByteArr.bytesAvailable,"chinese");
} else {
return str;
}
} else {
return "";
}
}

经过测试,ANSI和Unicode-BE下的GBK编码能够正确显示,而BIG5编码还是相当顽固和恶心的,不知道在繁体XP作業系統上使用usecodepage会不会好一点

Feb 24th 2008,Update:Flash中Sound的ID3标签乱码的通用转码解决