« 基于JavaFX的多媒体编辑工具 | Main | Java开源GIS项目OpenJUMP »
http://developers.sun.com.cn/blog/functionalca/date/20090610 星期三 2009年06月10日

JavaFX讲座中可以用的一个Book组件!

在JavaFX早期的版本中有一个定制化的UI组件(BookPanel),这是一个类似于书本的用户接口。这个功能很好用,可以用在大家的讲座里,把每张Slides放进去,这样利用JavaFX的组件来实现Slides的翻阅,本身就是对JavaFX功能的最好诠释。大家可以参阅这里

针对JavaFX,Chris Campbell创建了一个类似书本的定制化Node,新的组件看起来非常流畅、舒适的图形化翻页效果。
你可以从这里看到demo的具体效果和代码分析。

下面我们来理解下核心代码:
书中的“一页”是由类Page代表的,这是一个可定制化的节点(Node)。

class Page extends CustomNode {

public var fill = Color.RED;
public var stroke = Color.WHITE;
public var text = "A";

override function create():Node {
return Group {
var r:Node;
var t:Node;
...

...

若干Page实例被添加进Book格式的节点里

 这个事例模拟了书本的翻阅效果,用到Translate,Rotate和Clip属性。把鼠标移动到页面的左下角或者右下角,这时,页面显示出可以翻动的效果,点击页面的角部,按住不放向着书本另一面拖动鼠标,实现翻页,你可以看到这个书本翻页的效果。

参考链接:http://learnjavafx.typepad.com/weblog/2009/04/turn-the-page-revisited-an-updated-book-component-for-javafx.html

 

 




发表于 CQU [JavaFX] ( 六月 10, 2009 12:29 下午 ) Permalink | 评论[0]
评论:

发表一条评论:
  • HTML语法: 禁用