Archive for the ‘33′s Design’ Category

下午去了书友会

星期日, 03月 21st, 2010

自己拍的都很糊,盗图一张好了。-3-

下午去了书友会,其实比较象产品经理听的,觉得老公来会比较受用。

总的来说看到同样有热情的一群人,挺不容易的。

虽然我不是一个高调的人,不太喜欢参加这种东西,而且感觉自己的所学很多分享不出什么。但还是去了,和苏大师一块。

其实感受比较多的还是热情,是否是家庭生活过太久了,还是想太多管理的东西,当初的冲劲少了不少呢。

自己对自己过去几年的路还算是满意,未来还是要抓紧学习,不能落后了。

Flash,Flash AS,TextField对象相关的属性

星期五, 02月 5th, 2010

TextField对象相关的属性和方法,内容十分丰富,下面几个表格:

表一 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://help.adobe.com/zh_CN/AIR/1.5/devappshtml/WS5b3cc
c516d4fbf351e63e3d118666ade46-7fb5.html#WS5b3ccc516d4fbf351e63e3d118666ade46-7fc8

做了些资料收集,可能以后有用,在

http://www.longbill.cn/blog/2009/11/html_javascript_adobe_air/

弹窗的大小控制如下:

  1. var options = new air.NativeWindowInitOptions();
  2. options.systemChrome = "none"; //取消系统窗口外框
  3. options.type = "lightweight"; //轻量级窗口
  4. options.transparent = true; //允许透明
  5. var bounds = new air.Rectangle(100,200,100,100);
  6. var newHTMLLoader = air.HTMLLoader.createRootWindow(true, options, true, bounds);
  7. newHTMLLoader.load(new air.URLRequest("notify.html"));
  8. 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的配置。
安装版自行参考;但在安装过程中一定要把没有打上对勾的选项全部选择上,否则会出现部分无法配置或配置无法生效!演示图示(如果看不到动态演示,请点击图片两次,下同):

52009416133049

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项目,演示图示:

s2009416134428

4、工具–参数设置,依次设置相关插件(Plugins):
     AS3Context:此插件只要设置Flex SDK Location项,也就是需要指定Flex SDK到我们刚刚解压缩的flex_sdk_4.0.0.4229文件夹,演示图示:

t2009416133657

ASCompletion:此插件设置Path To Flash IDE项,也就是需要指定Flash CS4程序的安装路径,演示图示:

b200941613382

ASCompletion:此插件设置Path To Flash IDE项,也就是需要指定Flash CS4程序的安装路径,演示图示:

z2009416133920

设置完成后怎么使用呢?视图–Flash API,调出这个面板,将光标定位到所在插入脚本的地方,双击鼠标即可,由于我们连接是Flash CS4简体中文脚本帮助,所以双击后会出现构造函数相关中文提示信息。

d2009416134025 

FlashViewer:此插件是关键,主要是设置FD能否直接调试输出信息,演示图示:

s2009416134142

至此,FD中主要插件设置完毕。
5、设置FD支持Flash CS4
     这步的设置决定了FD能否支持Flash CS4的关键,演示图示:

v2009416134259

今晚在抽flash交互的原型

星期三, 09月 9th, 2009

 Flash的原型和其他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/

不过其他公司开发速度还是比我们快很多,所以都在尽量精简内容,无论是周期上还是游戏针对的用户群来说,都不太适合太复杂的东西

Copyright 2009 by 33ue. Design by AMY&PINK.