Archive for the ‘33′s Design’ Category
Flash,Flash AS,TextField对象相关的属性
星期五, 02月 5th, 2010TextField对象相关的属性和方法,内容十分丰富,下面几个表格:
表一 TextField 对象的方法
方法 说明
TextField.addListener 加入接收触发事件如文本域内容变化或滚动变化的监听对象,触发事件可以参看最后一个表。
TextField.getDepth 返回文本域的Depth深度。
TextField.getNewTextFormat 获得最新加入文本的默认文本格式。
TextField.removeListener 删除监听对象。
TextField.removeTextField 删除使用MovieClip.createTextField创建的文本域。
TextField.setNewTextFormat 对新加入的文本设定为新格式。
TextField.replaceSel 替换当前选中的内容。
TextField.setTextFormat 对新加入的文本设定为默认格式。
表二TextField 对象的属性
属性 说明
TextField._alpha 文本域实例的透明度值。
TextField.autoSize 控制文本域大小和自动对齐。
TextField.background 逻辑属性,如果文本域有背景则为True,否则为False。
TextField.backgroundColor 逻辑属性,如果文本域有背景色则为True,否则为False。
TextField.border 逻辑属性,如果文本域有边界则为True,否则为False。
TextField.borderColor 逻辑属性,如果文本域有边界色则为True,否则为False。
TextField.bottomScroll 只读属性,返回文本域最低一行的数值。
TextField.embedFonts 逻辑属性,如果文本域使用内嵌字体外框,则为True,否则为False。
TextField._highquality 返回电影的播放质量,可以为0、1和2,2表示质量最高。
TextField._height 文本实例的象素高度。
TextField.hscroll 逻辑变量,获得水平方向滚动条的值,为1则有,为0则没有。
TextField.html 返回文本框是否包含HTML用法的标记,如果为True则时含有Html的文本,否则为不含Html的文本。
TextField.htmlText 在TextField中包含HTML代码。
TextField.length TextField中字符的长度。
TextField.maxChars TextField中能够包含的最大字符数目。
TextField.maxhscroll 只读属性,获得TextField.hscroll的最大值。
TextField.maxscroll 只读属性,获得TextField.scroll的最大值。
TextField.multiline 逻辑变量,标识TextField是否是多行。
TextField._name 获得TextField实例的实例名。
TextField._parent 指向包含此TextField的MovieClip或者object。
TextField.password 标记输入是否为密码形式。
TextField._quality 返回电影的播放质量,可以low、Medium、high或best。
TextField.restrict 设定限制输入的字符。
TextField._rotation TextField实例的旋转度。
TextField.scroll TextField的垂直方向的位置,常用来实现滚动。
TextField.selectable 标记TextField内容是否可选。
TextField._soundbuftime 格式声音开始播放前下载的秒数。
TextField.tabEnabled 标记对Tab键是否有效。
TextField.tabIndex 标记Tab键的顺序。
TextField.text 当前TextField中的文本。
TextField.textColor 当前TextField中文本的颜色。
TextField.textHeight TextField框的高度。
TextField.textWidth TextField框的宽度。
TextField.type 标记TextField是input还是dynamic文本。
TextField._url 创建TextField的Swf文件的URL地址。
TextField.variable TextField的变量。
TextField._visible 逻辑值,标记TextField是否可见。
TextField._width TextField实例的宽度,以象素为单位。
TextField.wordWrap 标记TextField是否自动换行。
TextField._x TextField在包含它的实例中的X坐标。
TextField._xmouse TextField相对于鼠标的x坐标。
TextField._xscale TextField水平方向的放大倍数。
TextField._y TextField在包含它的实例中的y坐标。
TextField._ymouse TextField相对于鼠标的y坐标。
TextField._yscale TextField垂直方向的放大倍数。
表三TextField 对象触发事件
方法 说明
TextField.onChanged 当TextField发生变化时调用。
TextField.onKillFocus 当TextField失去focus(聚集)时调用。
TextField.onScroller 当TextField的scroll, maxscroll, hscroll, maxhscroll, 或 bottomscroll 属性发生变化时调用。
TextField.onSetFocus 当TextField得到focus(聚集)时调用。
表四TextField 对象的监听
方法 说明
TextField.onChanged 当TextField发生变化时触发。
TextField.onScroller 当TextField的 scroll 或 maxscroll 属性发生变化时触发。
CSS自定义滚动轴样式说明及生成器
星期五, 02月 5th, 2010滚动条相关CSS参数 详细说明如下:
scrollbar-3dlight-color: 滚动条亮边的颜色
scrollbar-arrow-color: 上下按钮上三角箭头的颜色
scrollbar-base-color: 滚动条的基本颜色
scrollbar-darkshadow-color: 滚动条强阴影的颜色
scrollbar-3dlight-color: 滚动条凸出部分的颜色
scrollbar-highlight-color:滚动条空白部分的颜色
scrollbar-shadow-color: 立体滚动条阴影的颜色
scrollbar-track-color: 滚动条的背景颜色
只有ie会生效,FF下的,只能用JS模拟
准备做个Air的日历
星期一, 01月 25th, 2010说做一个,其实是只有前端部分,简单设计了个面板,没决定是用flex写还是html+js写,因为目前出来一个DW 的插件,可以直接在DW里面做air —
叫做“Tools for AIR and Ajax”,下载在这里:http://www.adobe.com/products/air/tools/ajax/
相关说明这里有
做了些资料收集,可能以后有用,在
http://www.longbill.cn/blog/2009/11/html_javascript_adobe_air/
弹窗的大小控制如下:
-
var options = new air.NativeWindowInitOptions();
-
options.systemChrome = "none"; //取消系统窗口外框
-
options.type = "lightweight"; //轻量级窗口
-
options.transparent = true; //允许透明
-
var bounds = new air.Rectangle(100,200,100,100);
-
var newHTMLLoader = air.HTMLLoader.createRootWindow(true, options, true, bounds);
-
newHTMLLoader.load(new air.URLRequest("notify.html"));
-
newHTMLLoader.stage.nativeWindow.alwaysInFront = true; //窗口始终置顶
其中,newHTMLLoader.window 可以访问到新建的窗口。可以预先定义一些函数,供窗口加载完后调用。比如:
newHTMLLoader.window.on_load = function() { alert('loaded!'); }
然后在notify.html页面里面写上 window.onload = on_load; 就可以了。
配置FlashDevelop软件并支持Flash CS4[转]
星期三, 12月 16th, 2009首先申明,转载于 爱好 的新浪博客。
FD软件是指FlashDevelop,是学习、开发Flash ActionScript 3.0的有力工具,其最大的特点是超强代码提示、方便的快捷键操作、开源代码模板定制、可扩充的插件功能,无不展示了这是一款优秀的辅助软件!
本文紧跟Flash CS4,重新配置FD,挖掘FD的优秀功能,让FD直接支持最新版Flash CS4,为学习研究Flash ActionScript 3.0提供最新帮助!
一、下载FD3.0.0 B9:
这里提供免安装简体中文版,下载后直接解压缩即可。特别注意:不要把FD解压缩到以中文汉字命名的文件夹中!
本免安装简体中文版特点:在官方版本基础上,搜集诸多实用之插件,新增功能如下:
1、可自动套用格式,快捷键:alt+shift+f(可以重新设置);
2、类向导,可直接指定继承、接口等;
3、Flash API,方便查找Flash ActionScript 3.0方法、属性(可以当作Flash动作面板中的脚本导航器使用!);
4、正则表达式;
5、ExportSWC;
6、更换AS3帮助为官方Flash CS4 ActionScript 3.0语言和组件参考,此帮助为简体中文在线帮助(帮助→语言参考→FL CS4)。
可以从官方网站上下载FD3.0.0 B9:
迅雷直接下载:Download FlashDevelop 3.0.6 RTM
二、下载FLEX SDK 4.0最新版:
官方网页下载:http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4
迅雷直接下载:http://flexorg.wip3.adobe.com/flexsdk/4.0.0.4229/flex_sdk_4.0.0.4229.zip(目前推荐)
三、配置FD3.0.0 B9直接支持Flash CS4:
本文以免安装简体中文版为例详细介绍FD的配置。
安装版自行参考;但在安装过程中一定要把没有打上对勾的选项全部选择上,否则会出现部分无法配置或配置无法生效!演示图示(如果看不到动态演示,请点击图片两次,下同):
1、解压缩FD到指定的文件夹:例如D:\Program Files\FlashDevelop;
2、解压缩最新版本flex_sdk_4.0.0.4229到指定的文件夹,这里推荐解压缩后把flex_sdk_4.0.0.4229整个文件夹复制到D:\Program Files\FlashDevelop文件夹中;
3、启动FD,新建一个项目:Project–New Project–AS3 Project,新建一个as3project项目,演示图示:
4、工具–参数设置,依次设置相关插件(Plugins):
AS3Context:此插件只要设置Flex SDK Location项,也就是需要指定Flex SDK到我们刚刚解压缩的flex_sdk_4.0.0.4229文件夹,演示图示:
ASCompletion:此插件设置Path To Flash IDE项,也就是需要指定Flash CS4程序的安装路径,演示图示:
ASCompletion:此插件设置Path To Flash IDE项,也就是需要指定Flash CS4程序的安装路径,演示图示:
设置完成后怎么使用呢?视图–Flash API,调出这个面板,将光标定位到所在插入脚本的地方,双击鼠标即可,由于我们连接是Flash CS4简体中文脚本帮助,所以双击后会出现构造函数相关中文提示信息。
FlashViewer:此插件是关键,主要是设置FD能否直接调试输出信息,演示图示:
至此,FD中主要插件设置完毕。
5、设置FD支持Flash CS4
这步的设置决定了FD能否支持Flash CS4的关键,演示图示:
今晚在抽flash交互的原型
星期三, 09月 9th, 2009Flash的原型和其他web版本的原型不太一样,点击事件等各个类型事件效果,flash的交互都远大于页面。
区别大致有以下几点:
1.鼠标事件
普通web的界面,可以分为:Click,Hover,Moveover,Moveout几个事件。
Flash则可以打到拖拽和碰撞的层面。
在不同的鼠标行为,还需要配搭不同的鼠标手势
2.加载方式
一般是用无刷新的加载方式
例如在第一第二个图标位置,有采用通知的机制,告知玩家,当前有0条新信息及2个宠物升级的事件需要关注。
则在开启关闭宠物面板时,需要遍历一次事件是否处理完毕。
所以在计划的时候,也需要考虑下,关闭那些面板需要遍历和更新什么事件(类似Ajax)
3.很多交互效果无法表示
Axure里面,提供的交互方式还是有限的,即时是有模板,例如在几个单元房间的切换,就不是太方便的来表示。
4.方便的hover事件
在排版上,由于hover的显示比js要方便很多,所以很多的辅助说明,可以收到hover里面。
如图,如果显示全部的属性及当前状态,估计页面会比较乱
原先排宠物是有参考时光的页面来做,目前的模式也有沿用
http://my.mtime.com/app/card/
不过其他公司开发速度还是比我们快很多,所以都在尽量精简内容,无论是周期上还是游戏针对的用户群来说,都不太适合太复杂的东西


