http://moremorefun.net 生活像一面镜子 Sun, 08 Nov 2009 15:25:24 +0000 http://backend.userland.com/rss092 en 说道AsWing换肤，其实官方的源码包里已经给我们提供了实例，只是没有说明文档罢了。 下面介绍一下AsWing换肤要用到得东西。 以AsWing1.5为例，到google code上下载他的aswing_1.5_allinone。 在allinone文件夹里我们可以看到一个工程文件夹SkinBuilderLAF，这个工程是我们换肤要用到的类库，你编译你自己的皮肤的时候需要导入这个工程的swc或者src文件夹，当然aswing的工程文件也是必须导入的 下面我们可以看看allinone里的实例文件 FlaSkinTemplate_fl FlaSkinTemplate_fx OrangeLAF 这个三个文件夹是官方给我们的皮肤实例工程 其中fl是使用flash编译的，另外两个需要使用Flex SDK编译，因为用到了Embed语法 在看这些工程之前，建议大家去看看as的反射，以及Embed语法 因为这些在皮肤工程中是比较重要的 我们抛弃FlaSkinTemplate_fl，因为用fl编译皮肤是一个不是很好的方式 我们以OrangeLAF为例解释整个皮肤制作过程 在这个文件项目文件夹下一路找到OrangeLAF\src\org\aswing\skinbuilder\orange\OrangeLookAndFeel.as 这是这个项目的主文件，也就是我们换肤时所要用到的类 换肤时我们用到的语法是UIManager.setLookAndFeel(new OrangeLookAndFeel()) 这也就相当于皮肤文件的入口了 打开这个类看看，父类为BasicLookAndFeel，也就是aswing默认的皮肤文件 ... http://moremorefun.net/2009/11/aswing-skine-theme/ 事实上我一直很好奇像FDT这样的第三方工具是怎么实现swf文件的调试的，因为之前我也尝试过用ant手动编译swf文件，可编译完成后只能手动打开编译好的swf文件，更别说debug这个swf了。 今天用法fd来编译swf的时候偶然发现它调用了fdb这样一个命令，于是上网查资料，发现原来我们竟然可以在命令行里debug swf文件，不仅仅是trace我们甚至可以断点，条件断点，查看堆栈和变量，甚至可以set变量。 好强大的flex sdk 具体的调试方式请看 http://help.adobe.com/en_US/Flex/4.0/UsingSDK/WS2db454920e96a9e51e63e3d11c0bf69084-7ffb.html#WS2db454920e96a9e51e63e3d11c0bf62063-7fe9 可能我们不需要知道怎么使用这个fdb，但最起码我们了解了swf文件的底层调试功能，对于air文件同样有对应的命令行调试工具 http://moremorefun.net/2009/11/debug-swf-fdb/ 终于塌下心来开完了pureMVC的介绍 发现自己原来一直误解了MVC的部分含义 1.数据才做不完全是由Command执行的 数据操作其实分为两个部分：域操作和业务逻辑 其中域操作指的是更改一个vo的某些功能，这个操作代码应该写在vo中，因为这个vo的某一操作可能被多个Command用到，而业务逻辑是在Command中处理的，也就是调用不同或相同的vo的域操作来完成一个业务 2.view是不直接管理自己的显示更新的 view是一个运行就能看见的东西，应该有一个代理来管理这个view，代理中保存这个view的引用，所以代理能自由的控制对应的view，但是如果需要，我们完全可以用另外一个代理来控制这个view，从而实现view的重用 http://moremorefun.net/2009/11/think-puremvc-actionscript/ 早在AS2的时代，系统给我们提供了将一个Object转化为String的函数 但是到了AS3时代便没有了这个函数 如果需要知道一个Object的内容我们可能要for each或者复写toString()方法 但是这样会很麻烦 但是由于JSON，我们减少了一些麻烦，最起码我们能看到类里有哪些字段和值了，但是JSON的输出格式作为调试查看数据确实是一件是痛苦的事情，于是我重写了JSON的encode函数，将JSON encode成了树状结构的现实形式 可能在调试swf，trace数据的时候有一定的用处。 这里是源代码的地址：http://code.google.com/p/moremorefunlib/ 实例： {name:"String",array:[1,true,"hello",true,["kkkk",3333,{kkk:"NND"}]],top:true} 这样一个Object被转化为： Object: ** top = (Boolean)true ** array = Array:(Length:5) **  ** 0 : (Number)1 ... http://moremorefun.net/2009/11/as3-object-to-string/ 老师让同学回家后写一篇有关“国家”、“党”、“社会”和“人民”的作文。 小明不理解这些词的含义，就去问爸爸。 爸爸告诉他：“国家是最大的，就象你奶奶。党是最有权利的，是一家之主，就象我。社会就是为党和国家干活，还得听党的，就象你妈妈。人民就是最小的，说什么也没人听，就象你。” 晚饭后，小明想写作文，可是还不是很明白这些事，就去想问奶奶，可是奶奶已经睡了。小明去找爸爸，爸爸和妈妈正忙着“床上运动”，爸爸一看他来，两个耳刮子就给打出来了。小明没有办法，只好抹抹眼泪，回房间自己写作文了。 第二天，爸爸接到老师的电话：“你是小明的父亲吧” “是啊，什么事” “关于小明的作文” “是写的不好吗？” “不，是写的太好了，我怀疑不是他自己写的。。。。。。” 小明的作文是：国家已沉睡，党在玩社会，社会在呻吟，人民在流泪 http://moremorefun.net/2009/07/people/ 首先Flex本身为我们提供了几套皮肤，这些文件可以在Flex的SDK的文件夹下的\sdks\3.2.0\frameworks\themes 文件夹下 其中AeonGraphical文件夹下为我们提供了一个组件的fla源码。我们可以打开这个 AeonGraphical.fla，其中我们可以看到所有的flex的空间的默认显示图形。 如上图，左侧是我们能看到的组件的现实情况，包含了各种状态的显示情况，右侧是这些显示元素的元件包。 我们以checkBox为例，介绍如何修改flex的皮肤。 首先新建一个fla文件，随意命名，这里我命名为checkBox.fla,之后全选AeonGraphical.fla中的checkbox的全部素材，拷贝到新建的checkBox.fla的舞台上。 这时我们可以任意修改这些显示元素的现实情况，也就是自己绘制这些元件的外观。这里我们把选中状态的对勾改为红色，之前是黑色的。 然后新建一个MovieClip，随便叫什么名字，把库中的所有元件放大新建的Mc中，不用在意元件在新的mc中的位置 现在把新建的元件编译为swc文件，保存起来，我保存为checkbox.swc。 之后我们要在flex中要使用这个皮肤 新建一个flex项目，拖动几个checkbox到舞台上，设置为不同的状态，之后使用下图所示工具，导入我们编译好的checkbox.swc。 我们需要完成以上设置，之后系统会显示，元件和状态的对应关系，如下图 ... http://moremorefun.net/2009/07/flex-theme-maker/ 我们在开发期间，可以通过控台查看trace已达到调试目的，但是如果我们项目发布了，我们只能打开swf文件的时候我们就不能调试了吗？ 答案是否定的，这里介绍两种方式用来调试编译好的swf文件 1.官方为我们提供的log文件。(请确保你安装的是debug版的播放器) 新建一个mm.cfg文件。地址为：C:\Documents and Settings\username\mm.cfg，其中username为你的XP系统用户名，比如Administrator。打开mm.cfg，输入： ErrorReportingEnable=0 TraceOutputFileEnable=1 然后，创建一个flashlog.txt文件。地址为：C:\Documents and Settings\username\Application Data\Macromedia\Flash Player\Logs\flashlog.txt，其中Logs目录需要自己创建的。这样，你机器上的flash文件里的trace信息就会保存在此文件中。但是，需要注意的是此文件只会保存最后打开的flash文件的trace信息。 注意：如果你的flash player的debug版本比较低（9,0,16,0或更早），请在mm.cfg里添加一条： TraceOutputFileName=C:\Documents and Settings\username\Application Data\Macromedia\Flash Player\Logs\flashlog.txt 2.利用开源的轻量级调试工具Alcon 安装Alcon需要air的支持，请确保你的机器安装了air。 下载地址为：http://blog.hexagonstar.com/alcon/ 安装完成后在安装目录小找到debug文件夹，在debug文件夹下有as2和as3两个文件夹，其中分别提供了两种环境使用这种调试工具所需要的类库。在你需要调试的工程中导入相应的swc文件。 在需要调试的地方调用Debug这个静态类的相应的方法即可。在Alcon的帮助中有简要的例子说明。 http://moremorefun.net/2009/07/swf-mmcfg-alcon/ 时间过得确实快，转眼就要毕业了。 还记得当初拿到毕业设计题目时那份雄心勃勃的尽头，还曾经想要用Flex去做前台的用户交互，用BlazeDS做网关，总而言是一句话，要好好做毕设。 然而事情往往不像预期的那么好，到中期答辩的时候，程序还没有写，于是我认识了现实，开始极大的简化系统功能当然抛弃了flex的不现实的设想。 最终经过数次重构，也算完成了基本功能。唯一值得骄傲的就是整个代码是自己完成的了，应该也是一个划水作品吧，哈哈。 今天完成了答辩的ppt，也算告一段落吧。 有兴趣的可以看看新出炉的PPT，嘿嘿 http://moremorefun.net/2009/06/something-about-graduation-project/ 在昨天终于在各位老大的帮助下终于把安全沙箱的警告给拿走了，终于可以实现通信了。 经过查阅多方的资料，很容易知道缺少一个安全配置文件，这个配置文件是放在服务器上的，flash连接这个服务器的时候，会首先去找这个我文件，然后去查看是否允许自己所在的域访问这个服务，这个配置文件名为：crossdomain.xml，文件内容为： <?xml version="1.0"?> <cross-domain-policy>   <allow-access-from domain="*" to-ports="8400" /> </cross-domain-policy> domain为允许访问本服务的域，*代表所有，to-ports代表访问的端口号。 这个文件是flash连接到服务器的时候回去搜寻的，也就是这个文件应该放在服务的根目录下，那对于Tomcat来说是哪里呢。 wabapps文件夹下是网络应用的文件存放地，而默认情况下，连接到这个服务器的时候会自动转接带ROOT文件夹下，所以放在这里就好了。 当然，如果你修改了Tomcat的server.xml配置文件那就视自己的情况而定了。 添加这个我文件，再去看看，可恶的警告窗口不见了，enjoy it。 http://moremorefun.net/2009/06/blazeds-config-java-actionscript-05/ OK，在解决了一个本人百思不得其解的问题后，开始下一步工作，让我们开始使用BlazeDS。 本次任务目的，AsWing程序向服务器发送信息，服务器返回这个信息，并在AsWing界面上显示出来。 1.Aswing我就不多说了，以前说过一些，具体的可以到官网去看，况且这里也不是复杂运用。而且AsWing网站有专门的介绍BlazeDS通信的文章，我的程序也是从那里学来的。用AsWing画一个界面。 2.编写服务端Java代码。 <> public class SayHello {     import java.uti.Array;     public Array getId(String[] arr)      {         return arr;     } } 哈哈，很简单吧，意思就是，flash传给我们什么，我们就返回什么。ok，编译java文件成class文件，接下来我们只需要class文件了。 3.BlazeDS为我们提供了Tomcat应用框架的模板，我们只需要拷贝一份blazeds_turnkey_3-0-0-544\tomcat\webapps下的blazeds文件夹，把它命名为自己想要的应用的名字就可以了，但是我们粘帖的新的应用的文件夹同样要在webapps文件夹下，具体原因以前说过。 ... http://moremorefun.net/2009/06/blazeds-config-java-actionscript-04/ OK，我们看到老牛们给我做的展示了。 下面看看他们的源代码是什么样的。 实例文件在这个文件夹下：blazeds_turnkey_3-0-0-544\tomcat\webapps\samples(还是那句话，根据自己的版本去找路径，实在找不到告诉我，如果住所里我近并且是美女的话我愿意单独指导，开玩笑的，哈哈，你可以Email我。) ok，然我们来看看文件结构。   我们现在关心的是项目的两个存放配置文件和源代码的地方，META-INF文件夹(其实简单的应用中可以不存在)，WEB-INF(基本我们要的东西都在这里了)。 ok，解释WEB-INF文件夹。 src文件，里面存放了我们编写的Java的类文件，实现我们对服务端和数据库的操作。文件是以*.java的形式存在的，其余的就不用我解释了吧，自己看源代码吧。 flex-src，顾名思意，flex程序的源文件，可以看看老牛们代码编写方式，虽然我没看过。 lib，存放的是系统要用到的类库，不知道什么意思？java的SDK知道吧？flex的SDK知道吧？但是有一个要注意的问题，以后可能会用到，java链接数据库可能用到额外的库文件，如果部署应用的话，我们需要把你引入项目的库文件添加到这里。 db，不是必须的，我也就没看他在这里是干什么的，哈哈。 class，存放了编译的Java类文件，也就是我们实际调用的服务是这里完成的，你完全可以把src文件夹删掉，程序依旧会照常运行。不信吗？你可以试试。 最后隆重推出 flex，ok，这里是我们这个应用的灵魂了。里面保存了Flex程序用来查找Java服务的配置文件，深入看一下。 ... http://moremorefun.net/2009/06/blazeds-config-java-actionscript-03/ OK，按照之前的步骤我们已经运行了数据库和Tomcat容器。那我们就可以看看Adobe官方给我们的示例程序了。 随同BlazeDS给我的们Tomcat容器的端口为8400，如果认真看了上一篇blog的话，我们可以开到，这个端口号是在server.xml配置文件中指定的。 按照默认的方式我们查看例子的方式是在浏览器中输入网址：http://localhost:8400/。 什么，未找到404？确定你的Tomcat服务器是运行的吗？你的端口号正确吗？你的网址打错了吗？你确定……？还是不行？请给我留言或者发电子邮件，我向往能帮到你。 如果登录成功，那恭喜你。 ok，你可以去看看出Adobe老牛们做出来的东西了，这一步就到这里了，接下来我们介绍一下，Tomcat容器中，webapps文件夹中，网络应用的文件结构： Web服务器要求以人员必须按一定的规范组织文件，应用程序开发过程中通常包括以下目录和文件：(犯懒，一下转贴：http://www.gzctu.com/blog/article.asp?id=59) 应用程序目录：Web应用程序的根目录。 如图所示的根目录myWebApp。 Web应用程序的文件组织结构 /WEB-INF目录：Web应用应用部署目录，浏览客户是看不到该目录下的文件的，该目录下的文件专供Web服务器专用。 web.xml：部署描述文件，/WEB-INF目录下最重要的文件，它描述了程序的部署、配置信息，为Web服务器所使用。 ... http://moremorefun.net/2009/06/blazeds-config-java-actionscript-01-2/ BlazeDS是Adobe开源的与Java通信的网关。 具体的介绍可以去Adobe来源网站查看相应资料，虽然是EN的。 这篇博客参考内容，官方BlaaeDS用户手册pdf版。 AsWing中文网站中的有关ActionScript的和后台通讯的文章。AsWing 与 Java 之间的交互. 第一步，后台环境的搭建。官方完全版为我们提供了BlazeDS服务环境，其中包括Jsp容器-Tomcat暂且说算是服务器吧，BlazeDS的运行所需要的库文件和一些其他的配置文件。大家可以去下这个版本，可以去官方搜索，Turnkey版。本文发布的时候下载地址为Download the BlazeDS turnkey。 第二步，解压下载完成的文件。我们能看到，文件夹：blazeds_turnkey_3-0-0-544\sampledb(可能我们的版本不同，视自己情况查看)，如果你是Windows，双击该文件夹下的startdb.bat文件，按照字面意思，他启动了文件包例子中需要使用到的数据库，然后进入文件夹：blazeds_turnkey_3-0-0-544\tomcat\bin，Windows双击startup.bat，启动Tomcat服务器，Linux或者U的系统双击想用的sh文件吧。 题外话，我们讲解一下Tomcat的文件结构，如果没有了解的话，之下的步骤可能看起来也有一定的困难 目录名–描述 bin   包含启动/关闭脚本 conf   包含不同的配置文件,  包括 server.xml(Tomcat的主要配置文件)和为不同的Tomcat配置的web应用设置缺省值的文件web.xml  doc  包含各种Tomcat文档 ... http://moremorefun.net/2009/06/blazeds-config-java-actionscript-01/ 1.到官网下载所需版本的SmartFoxServer的安装文件，地址为：http://www.smartfoxserver.com/products/ 2.按照官方的指导文档进行操作进行安装(http://www.smartfoxserver.com/docs/ )         A 切换到下载文件的所在文件夹         B. 解压下载的安装文件         "gzip -d filename.tar.gz" 解压gz，filename.tar.gz更改为你下载到的安装文件名。          "tar xf filename.tar" 解压用gzip更解压出来的文件.          切换到tar的解压文件夹下，运行 ./install ，需要相应的权限。          之后系统会引导用户进行安装，安装过程中需要用户输入安装路径。          3.切换到{installation-directory}/Server 文件夹下，运行 ./sfs start(installation-directory为安装时用户自定义的安装路径)          这时，在浏览器中键入http://服务器地址:8080，如果出现欢迎画面，代表服务安装成功。(注意如果你已经有程序占用了8080是不能启动服务的) ... http://moremorefun.net/2009/06/smartfox-install-in-linux/ 作为八十年代中旬出生的一代，我们的生命的前20年仿佛是从一出生就被规划好的，小学-初中-高中-大学。从小学开始家长便向我们传输要读大学，读名校的思想。这个思想在我们生活的环境里也像幽灵一样徘徊，一刻都不曾离开。 最终，我们走进了那个20年为之奋斗的地方，开始了“背井离乡”的生活，一时间我们完全失去了方向，因为从来没有人告诉过我们，大学应该怎么过，大学毕业我们面临的是什么。 抛去了十几年辛苦读书的包袱，我们到了一个无拘无束的地方，于是我们开始充分享受着的来不宜的自由，生怕有一点浪费，于是网吧、球场成了我们的阵地，金庸，痞子蔡成了我们课堂上的文学老师。然而这一切并没有持续太长时间。随之而来的是极度的空虚，因为我们发现这种自由的来的太过容易，完全没有高中课堂上的地下活动有挑战性，因此便对着一切失去了兴趣。我们获得了有史以来最充裕的时间去思考我们的生活，思考的结果是更加寂寞，于是我们有迫切的希望有一个人能和自己去派遣思考带来的寂寞，正常情况下，当然是更希望能和一个异性谈天说地，于是爱情便在这个时候慢慢得生根发芽，这部分人也许便把大学的大部分时间花费在了这段感情的维护或者去思考怎样换一个红颜知己上了。不过我们也不能排除还有一大部分人因为种种原因不能找到这样一个红颜或者蓝颜知己，于是他们便把剩余的时间花费在虚拟世界里，借此来派遣心中的寂寞。当然，我们不排除还是有一小部分人刻苦奋斗，把大学的时间和精力贡献给了自习室和图书馆。 大学的四年可能就这样混混噩噩得过去了，于是有些人不得不不发出“是我上大学还是大学上了我”的感慨。在现实中，大学的形象远没有小时家长所描绘的崇高。 最终，我们面临着找工作，当然，考研除外。面对毕业去向，工作行业选择我迷茫了，20多年来我第一次需要做如此之大的选择。 其实，我一直很佩服今天吃饱不愁明天的生活态度和把困苦的生活当成一种体验去享受的人生态度，可是我很清楚我做不到这样豁达。 正如《我的青春谁做主》中的高齐所说的，我们有太多的责任要背负。豁达是需要资本的。 或许我们能做到的只有踏踏实实本本分分过好今天这一天的生活，不让今天为明天增加负担。 http://moremorefun.net/2009/06/write-in-finish-school/ When working with Flex applications, it may useful to see the output from the trace() function. Well, the good news is that if you have the debug version of the Flash Player installed, it is really easy to redirect the trace() output to an external file which can you browse ... http://moremorefun.net/2009/06/debugging-flex-applications-with-mmcfg/ So you’ve published your Flex application that accesses local XML, but when you try to run it outside of your Flex Builder folder, you might get a Flash Player Debugger error #2148. I ran into this problem while on a tight deadline, and am reposting here to get the word ... http://moremorefun.net/2009/06/flex-securityerror-error-2148/ 在项目修改是遇到一个问题， 用全局函数LoadMovieNum加载了一个外部的swf文件，文件显示正常， 但是改用MovieClip.load()加载合格swf文件是，加载的swf文件失去了本身应实现的功能。 事后发现了是有关_root这个引用的问题 api文档中的解释是 “加载到影片剪辑的 SWF 文件或图像会继承该影片剪辑的位置、旋转和缩放属性。可以用影片剪辑的目标路径来定位加载的 SWF 文件。 在 调用 loadMovie() 方法时，可按下列代码示例所示在加载器影片中将 MovieClip._lockroot 属性设置为 true。如果您不在加载器影片中将 _lockroot 设置为 true，则任何对已加载影片中 _root 的引用都会指向加载器的 _root，而不是已加载影片的 _root： ... http://moremorefun.net/2009/06/as2-movieclipload-lockroot/ 我们在做flash程序时，往往把一些要预先加载的图片放到库中 在使用时通过new来生成这些图片的实例 但是如果库中有很多的元件的话，我们如果要一个个new出来是一件很辛苦的事情 所以我们想能不能通过这些元件的类名的字符串来new出这些图像的实例（由于这些元件的类名往往是规律的，也是可以在配置文件中编写的） 在一个技术群里里朋友给出了提示，具体过程如下 1.在flash元件库中新建一个元件，取基类为Sprite，类名为LoacalImage； 2.在as文档类中添加以下代码 var temp : Class = ApplicationDomain.currentDomain.getDefinition as Class; var sp : Sprite = new temp(); this.addChild(sp); ... http://moremorefun.net/2009/06/as-new-mc-from-lib/ 从网上看的大部分启蒙教程都是以JFrame开始的 出来的都是一个个的框架窗口 但是基于网页应用的Application初始基本是不用这个JFrame的 初始化一般使用没有关闭按钮的控件 查了一晚上的资料，找到的这样的控件-JWindow 但是，不会用，不知道如何初始化程序 去翻AsWing的示例程序，发现了这样的程序， 傻乎乎的网上找了半天这个程序的源码 最后发现在源码包的test文件夹里 拿出来分析 程序底层框架为JWindow 初始化方式为AsWingManager.setRoot(this); 然后舞台上show一个JWindow，测试时是空白 考虑应该是透明了吧 放一个JButton到JWindow里 测试有异常 看看test里的源代码，原来是JWindow要先指定一个Panel 然后往Panel里放东西 实施ing.... JButton出来了 告一段落，可是背景总不能是永远和背景相同吧 发现了JWindow的window.setBackground()方法， 使用它，没用 研究示例源码设置的是setBackgroundDecorator() setBackgroundDecorator(new SolidBackground(ASColor.BLACK)); ... http://moremorefun.net/2009/06/actionscript-aswing-jwindow/ 众所周知，Gtalk的通信协议是公开的，那么在Java这个广博的语言中我们也能找到Gtalk相应的通信协议xmpp协议的封装开发包，名字叫smack. 大家可以去官方网站下载编译好的jar包，也可下载源代码研究。这里是这个项目的官方网站：http://www.igniterealtime.org/projects/smack/index.jsp。 把发行包下载下来，里面有自带api文档和简单的编程指导。 接下来我们新建一个Java项目，把smack的jar包引入工程就可以开始编程了。   首先，我们当然是要利用一个Gtalk帐号建立到Gtalk服务器的连接喽 方法如下：         ConnectionConfiguration config = new ConnectionConfiguration("talk.google.com", 5222, "gmail.com");         config.setSASLAuthenticationEnabled(true);         XMPPConnection con = new XMPPConnection(config.getServiceName()); ... http://moremorefun.net/2009/06/code-google-talk-group-chat-rebot/ 欢迎使用 WordPress 。这是系统自动生成的演示文章。编辑或者删除它，开始您的博客！ http://moremorefun.net/2009/06/hello-world/