随缘 - 飞狼(flywolf)的个人主页

某项目UI前台框架

2012-01-05T22:43:09+08:00

某项目UI前台框架

Flash展示，Flex Builder4.5开发设计。

大装网(www.zhuang100.com)

2012-01-05T22:14:42+08:00

案例 - 大装网

大装网(www.zhuang100.com)

河南第一装修门户，河南最活跃的业主装修交流平台和设计师社区。也是同时实现业主，设计师，装修公司，商家真实互动、共享多赢的平台。

网站主要功能模块包括装修案例模块、新闻管理系统、问吧系统、招标模块、设计师模块、公司模块、材料商等模块。其中还包括个人博客系统，会员/个人管理中心，会员好友互动，消息中心等。同时实现了邮件/短信群发、在线支付等一些子功能。

网站使用Microsoft.Net 4.0，ASP.NET MVC 3.0/SQL2005开发设计，典型的MVC构架，模型层使用Linq To Entity技术，数据仓库，业务层结构明显清晰，耦合度低。性能方面使用了多种cache技术。表现层采用ASP.NET MVC3框架，开发迅捷，便于维护，同时提高了对搜索引擎的友好度。

flex中对skin相关事件的简单处理

2012-01-05T19:06:45+08:00

Flex4新推出了skin/换肤/外观设计的功能, adobe网站的flex开发人员中心有篇很好的文章介绍了这一功能, 介绍 Flex 4 beta 中的外观设计.

我们这里通过设计一个简单的TitleWindow皮肤来了解一下skin以及对skin中的相关component添加事件处理, 我们先来看一下最终效果图.

我们来看一下该窗口的右上角相关按钮的皮肤代码


				<s:SkinnableContainer id="btnMin" skinClass="RIA_Desktop.skins.appwin.ButtonMinSkin" toolTip="最小化"
						  width="12" height="12" right="60" top="10" />
				<s:SkinnableContainer id="btnMax" skinClass="RIA_Desktop.skins.appwin.ButtonMaxSkin" toolTip="最大化"
									  width="12" height="12" right="40" top="10" />
				<s:SkinnableContainer id="btnRestore" skinClass="RIA_Desktop.skins.appwin.ButtonRestoreSkin" toolTip="还原" visible="false"
						  width="12" height="12" right="40" top="10" />
				<s:SkinnableContainer id="btnClose" skinClass="RIA_Desktop.skins.appwin.ButtonCloseSkin" toolTip="关闭"
						  width="12" height="12" right="20" top="10" />

然后我们需要新建一个基于TitleWindow的自定义组件, 设置其skinClass为刚才设计的skin.


<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   width="800" height="500" skinClass="RIA_Desktop.skins.appwin.TitleWindowSkin"
			   >

重点在这里, 在自定义组件中添加相关按钮


// skin中的变量, 名称必须相同
[SkinPart(required="false")]
public var btnMin:SkinnableContainer;
[SkinPart(required="false")]
public var btnMax:SkinnableContainer;
[SkinPart(required="false")]
public var btnRestore:SkinnableContainer;
[SkinPart(required="false")]
public var btnClose:SkinnableContainer;

override protected function createChildren():void
{
	super.createChildren();

	//
	// 监听按钮事件
	//
	btnClose.addEventListener(MouseEvent.CLICK, onBtnClose);
	btnMax.addEventListener(MouseEvent.CLICK, onBtnMax);
	btnMin.addEventListener(MouseEvent.CLICK, onBtnMin);
	btnRestore.addEventListener(MouseEvent.CLICK, onBtnRestore);
}

// ....

/**
 * 自身关闭按钮处理, 同时派发关闭事件, 以便和项目应用程序相结合
 **/
protected function onBtnClose(event:MouseEvent):void
{
	btnMax.visible = true;
	btnRestore.visible = false;
	theStatus = 0;
	this.dispatchEvent(new AppWindowEvent('myClose', this));
}

flex与swf通讯的几种方法

2012-01-05T11:30:50+08:00

1. 通过控制帧来控制mc, 现有mc且实例名为bg, 其中有关键帧分别命名为out和enter, 见图

我们在flex中加载该mc, 并通过代码控制mc的播放


var loader:SWFLoader = main.shadowLoader;
var mc:MovieClip = loader.content as MovieClip;
mc.bg.gotoAndPlay("out");

2. 通过actionscript代码控制mc与flex之间的通讯

现有一登录mc, 我们需要实现点击其登录按钮, 播放登录动画结束后返回用户名.

我们需要在动画结束桢派发事件, 然后在mc的主场景添加监听事件, 见图.

在20桢处添加派发事件代码


stop();
this.dispatchEvent(new Event('onLoginPlayOK'));

然后在mc主场景中, 添加监听事件, mc实例名为loginW.


loginW.addEventListener('onLoginPlayOK', onLoginPlayOK);
function onLoginPlayOK(e:Event):void{
	// 派发监听事件
	this.dispatchEvent(new Event('onLoginOK'));
	//trace(loginW.getUsername());
}

我们看到在这里, 我们再次派发了一个名为onLoginOK的事件, 这需要我们到flex中进行监听并进行处理. 我们同时看到loginW.getUsername()这句话, 这是用于获取登录用户名, 关于getUsername()这个方法的定义我们见下图, 这是登录mc中的另外一个实例名为login_mc的mc元件, 在桢1处添加如下代码

很明显这里定义了两个方法getUsername和getPass用于主场景获取用户输入的用户名和密码, 这样便可以返回这两个参数了.

让我们看的再详细一点, 上图代码中的loginKj.username和loginKj.passwordT是啥玩意, 见图

上面的第一张图显然就是实例名为loginKj的mc, 输入框类型为输入文本, 名username, 然后这样我们就可以把用户名传送出来了.

OK, 现在回过头来, 看在flex中如何处理, 其实很简单, 在login这个mc加载完成后添加onLoginOK监听事件, 然后在这个事件处理方法中获取用户名,

代码如下


/**
 * OK, login加载完毕
 **/
protected function loginLoader_creationCompleteHandler(event:FlexEvent):void
{
	var loader:SWFLoader = event.currentTarget as SWFLoader;
	var mc:MovieClip = loader.content as MovieClip;
	mc.addEventListener("onLoginOK", onLoginOK);
}

/**
 * 登录完成, 返回用户名, 显示主界面, 同时派发相关事件
 **/
protected function onLoginOK(event:Event):void
{
	var mc:MovieClip = event.currentTarget as MovieClip;
	
	//
	// 界面事件
	//
	this.contentGrp.filters = null;
	this.loginGrp.visible = false;
	
	// 获取用户名
	// mc.loginW.getUsername()
	//Alert.show(mc.loginW.getUsername());
	
	//
	// @todo 获取用户后派发相关事件
	//
	
}

其实总结来说, 问题的关键是事件的派发与监听联系了flex与swf, 在flash中把动画转换为一个movieclip, 并且对其命名, 然后在需要通讯的地方派发事件, 传递参数, 然后在flex中监听该事件, 进行处理, 反之亦然. 对于mc中的子元件参数处理等都可以直接放到这个mc的主场景中进行处理.

幸福 행복

2012-01-03T17:17:35+08:00

幸福 행복

导演：许秦豪
主演：黄政民林秀晶孔孝珍
年份：2007产地：韩国
类型：爱情片剧情片
搜狐视频：http://tv.sohu.com/20110629/n312033310.shtml
剧情：永诛（黄正民饰）在首尔经营歌舞厅，但不幸破产又患上了肝硬化，更不幸的是她的友秀妍（孔孝真饰）也要离开他。他跟母亲及朋友们说到国外去，实际上他来到了一间乡村疗养院。结识了身患严重肺病的恩熙（林秀晶饰）。虽然在疗养院生活了8年，每当发作她都觉得自己将要死去，但她乐观的态度深深感染了永诛。两人很快便相爱了，永诛在恩熙的帮助下病情得到了很好的控制，后来两人更搬离了疗养院开始了同居生活。
　　但当永诛再次回到首尔，他便有了要离开恩熙的念头，恩熙痛不欲生但还是让永诛离开了。分开后永诛的生活一塌胡涂，病情加重的他住院了，某天他也得知了恩熙的消息…

随感：看完想起张爱玲的那句话，遇到他，她变得很低很低，低到尘埃里，但她心里是喜欢的，从尘埃里开出花来。又觉得不是太尽然，但是结果都是一致的，胡兰成最终背叛并逃离了张爱玲，而永诛这个“幸运”又似乎“不幸”的男人在最终决定离开恩熙去首尔寻找他“幸福”的同时也失去了真正的幸福。看到影片末尾永诛那满脸的鼻涕泪水，那个颓唐无助的背影，不禁让人无限唏嘘，人啊为什么总是一定要在失去之后才能真正的懂得什么叫珍惜呢？而恩熙这个白皙、孱弱、清秀、善良、让人怜爱的女孩的过早离开或许对她来说是件幸福的事情，起码不用再生活的那么痛苦。也许在另一个世界，她能真正的找到一个爱她的人。

someone like you - emily luther & charlie puth

2012-01-03T13:53:32+08:00

经典翻唱

Eric Clapton - Wonderful Tonight

2011-11-11T23:22:10+08:00

wonderful song, wonderful singer, wonderful guitar, wonderful backing vocals.

关于我

2011-11-09T16:23:43+08:00

Who am I

飞狼(flywolf)，70年代末生于南方某小城，毕业于武汉某大学机械设计专业，现就职于郑州某事业单位。

虽说本人学的是机械专业，但一天也没干过，大学中途即改行学习计算机软件开发并工作至今。没干过别的，也不会干。

兴趣是最好的老师，把兴趣作为自己的工作，我很庆幸，所以直到目前为止虽已过而立之年，我还是依然深深的热爱着自己从事的这份工作。

可能是自学的缘故，所以掌握的东西相对比较杂，早前接触*nix, c, php相对较多，最近几年转向微软Microsoft.NET, Asp.NET, C#并且有着浓厚的兴趣。对B/S开发接触时间较长，所以对大型、高端网站开发有着相对丰富的技术和经验。C/S方向近几年做了一些水利行业的数据处理、报表、流程方面的软件。

广告时间

本人和几个朋友成立了一个工作室，其中包括非常专业的专业网站策划、营销、推广人员，前端UI/FLASH/动画开发人员，经验丰富的程序开发人员，承接高端网站架构、设计、开发以及多媒体互动设计。如果您有需要或者意向欢迎您随时联系我们。

联系方式： QQ: 16414766（请注明来自随缘）

电子邮件：Email:16414766(at)qq.com

大灰狼串口调试软件

2011-11-09T12:15:41+08:00

大灰狼串口调试软件V1.0

工作需要, 同事需要一个串口调试的小软件,网上的大多没刚好合适自己需要的功能, 于是帮他写了一个

下载地址:

http://www.suiyuan.org/download/SerialPort.exe

这是C#写的,用的C#自带的SerialPort,软件很简单,有需要的可以下载用一下.

飞狼桌面记事本

2011-11-08T23:22:45+08:00

软件简介:

1. 超酷的桌面嵌入风格,支持富文本格式,您可以自定义记事本内容的字体,大小,前后背景色等.可以对时间段进行日历设置.月、年导航功能，方便定义日后或者查看以前的日历记事项.
2. 支持事件提醒.你可以为每个事件最多设置5个提醒
3. 自定义桌面天气显示, 软件风格简介大方, 纯绿色免费软件, 无需注册, 无垃圾绑定.
4. 修正了一些BUG
截图(1) 截图(2) 截图(3)
绿色版本下载

更新日志:

11/09/11:
距离上次更新居然已经2年多了, 真是时光荏苒, 岁月如梭, 神马浮云..(以下省略100万字), 很感谢依然有朋友支持这个小软件, 我会坚持更新的, 哪怕只有一个朋友在使用, 我也会坚持更新, 从今日开始, 希望各位朋友提出自己的建议和意见, 留言即可, 短期内就会更新. 感谢大家支持. 再次省略1000万字.

08/19/09:
抱歉最近太忙, 更新比较懈怠, 只是解决了一个农历的日历显示出错问题. 已经解决, 地址同上, 更新方法请看下面的安装、升级说明.

03/23/09:
1. 添加日历记事时可以选择时间段, 不再需要每日每日的添加.
2. 添加了月份导航功能(可以在软件设置里修改, 修改完后需要重新启动软件.), 可以安排以后的记事同时也可以查看以前的记事项.
3. BUG修正.

安装、升级说明:

注意:本软件需要.NET FRAMEWORK2.0环境支持, 您可以从这里下载. 也可以直接从本地下载.
1. 对于新用户, 直接下载本软件,然后点击一路安装后即可.
2. 对于老用户升级, 请先备份当前目录下的CEvent.dll文件, 然后卸载或者直接删除飞狼桌面记事本目录, 然后安装新版本, 最后把刚才备份的CEvent.dll覆盖新安装的软件目录下的文件即可.

使用说明:

1. 双击日历添加日历项,添加后在桌面即可显示当前日期的记事可以在写完记事后,对选中的文本设置字体,大小,风格以及前景色和背景色.你可以在软件设置中设置建立新的日历项时的默认字体颜色, 你也可以选择时间段添加日历项.

2. 设置事件提醒,对已经添加的日历项设置事件提醒,可以为一个事件最多设置5个提醒时间,当达到提醒时间时,在任务栏弹出气泡提示框提示你,可以在软件设置中设置气泡的停留时间或者直接关闭它.

3. 关于天气预报,前提是计算机必须连上INTERNET网络,在软件设置中选择你所在的城市,以及刷新的天气的时间段(即每隔这个时间段重新获取天气状况),你还可以设置默认天气显示字体的颜色.如果出现天气的图片是”晕啊,无图”字样表示没找到这张图片,你可以及时的联系我以便在下次软件设计的时候加上.

4. 如果你的日历项内容太多,默认会被截取掉,你可以通过设置记事显示框高度来调整以便显示更多的内容.

5. 你可以在软件设置里通过选择”开机后自动启动软件”来设置本软件在系统启动后立刻自动启动.

6. 最新版本将第一时间在我的网站发布, 请随时关注我的网站http://www.suiyuan.org

欢迎批评指正!