2010-04-23 16:08:56
关注我:

新浪围脖 : http://t.sina.com.cn/nshen121

QQ围脖: http://t.qq.com/nshen121

Twitter : http://twitter.com/nshen121

Buzz : nshen121[at]gmail.com
浏览模式: 正常浏览 | 列表浏览

推荐日志 PDF直转电子杂志PDF2Mag

[ 2010-01-25 15:46:43 | 发布: N神 ]
改软件已经发布1.2版本,点此进入

基于Adobe air 2 beta 1 ,由于adobe升级成了beta2,貌似已经无法使用了,近期解决,请耐心等待

最近用adobe Air 2写了个小软件PDF2Magzine,可以一键直接将pdf文档转换为flash电子杂志。

我把最近在看的一本flex4的200多页pdf转换成了杂志做演示。

转换后的演示: http://www.nshen.net/pdf2mag/demo/

前边有几页空白的,不是软件问题,原书就是空白的,点击页面可以进入放大模式,用鼠标滚轮来放大和缩小

软件下载: 点此下载 PDF2Magzine 1.1

由于软件基于Air2,所以要确定你已经安装了Adobe AIR 2 Runtime

没安装过的,在此下载
http://labs.adobe.com/downloads/air2.html

软件图标是用一款叫Clockmaker Icon Generator的air程序生成的,还挺漂亮的
attachments/201001/25_154825_1.png


软件界面
attachments/201001/25_154829_2.png


原理是先用air2新出的Native Process API调用swftools将pdf转为swf,然后根据生成的文件写xml配置文件,交给事先写好的可以读取配置文件杂志程序。
杂志程序用了flexbook开源程序,改了改支持了flex4 sdk,也本人第一次尝试了下puremvc,flex 4sdk和Adobe Flash Catalyst
...

阅读全文
下面的实例演示了如何设置进度条(ProgressBar)完成(100%)时的效果

效果演示:


完整代码:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
...

阅读全文
下面的实例演示了在Flex中怎样使用 CheckBox 组件和 ArrayCollection 的 filterFunction 属性来过滤 DataGrid 组件的 item 。

先看演示:点击checkBox进行过滤,只显示值为0的数据



该演示的代码: ...

阅读全文
下面的实例中,有一个表格( Form ),这个 Form 有一个高级模式 ,当选择高级模式后会出现更多额外的文本框给用户填写。
就像下边演示中看到的一样,当你点击"Toggle Form" 按钮时额外的文本框会显示或者隐藏
先看演示:


同样再加一个弹性效果 :)



首先我们建立了一个 private bindable 变量叫做 "advanced" 当点击"Toggle" 按钮时 这个值就会改变。

FormItem的 visible 和 includeInLayout 属性就绑定到这个 advanced 值上, 前者负责显示和隐藏,后者负责计算位置,可以看一下文档 :)

要注意的是Effect是放在FormItem中的。

完整代码在下边:
...

阅读全文
下面的实例演示了怎样使用 hideEffect 和 showEffect 属性,使得当组件的visible属性改变时引发一个动画效果。

先看演示:鼠标点击hide和show按钮来隐藏和显示Panel


或者再加一个弹性效果



完整代码在下边:
...

阅读全文

推荐日志 在Flex中使用FileReference类下载文件

[ 2008-03-10 04:04:33 | 发布: N神 ]
下面的实例演示了Flex中的 FileReference 类的基本用法,允许用户从服务器上下载一个文件。这个例子也演示了你可以在 DataGrid组件中显示数据提示(data tips) ,只要把 data grid column 的 showDataTips 属性设置为 true ,然后把 column 的 dataTipField 设置一个值就行了。

在下边的演示中,当用户点击按钮的时候会下载一个 zip 文件 ,然后你可以把鼠标移到 DataGrid 组件的 Type 列上,来看额外的 Event 信息。

先看演示:



该演示的代码: ...

阅读全文
在上例“ 用Validator检测必填项”中,我记录了Validator最简单的用法。但mx.validators包中的类并非只有Validator一个,他们可以实现信用卡号码格式检测(mx.validators.CreditCardValidator)、货币格式检测(mx.validators.CurrencyValidator)、E-mail格式检测(mx.validators.EmailValidator)等等功能,所有的检测器列表可以看这里。这些类都是Validator的子类。

先看效果。下面的范例演示了StringValidator、NumberValidator和EmailValidator的用法。由于这三个类都继承自Validator,因此都拥有requiredFieldError属性,用于自定义没有值的时候的错误信息。但是这三个类拥有更多的错误信息。要检测的值越复杂,需要定义的错误信息就越多,例如EmailValidator,本例中共定义了9个错误信息。

如果不定义错误信息,Flex会显示默认的英文错误信息,这显然也不是我们所需要的。如果想偷懒的话,可以定义几个最可能出现的错误,例如本例的NumberValidator,就没有定义所有的错误信息。

顺便还要说一句的是,NumberValidator可以指定要检测的数字是整数还是实数,这需要用domain属性来指定。同时,它还可以指定千分位分隔符。


...

阅读全文