OpenLaszlo —— 一个快速构建和部署富 Internet 应用程序的平台

清单 2. Canvas.lzx

<canvas　width="450"　bgcolor="#6699FF"　height="200"　title="Canvas">　
　<text　align="center"　valign="middle">　
　　<font　size="25">Openlaszlo　World!</font>　
　</text>　
</canvas>　

可以使用 http://localhost:8080/lps-4.0.x/canvas/Canvas.lzx 调用上述应用程序。图 5 显示生成的输出。

图 5. 画布

视图

一个视图表示一块矩形区域，其中可显示文本和其他组件。 可以使用 view 标记或通过实例化 LzView 类创建视图。例如， 清单 3 显示一个使用 view 标记的 LZX 应用程序。

清单 3. View.lzx

<canvas　width="300"　bgcolor="#ddddee"　height="200">　
　<view　align="center"　valign="middle"　bgcolor="#6699FF"　width="300"　height="150"/>　
</canvas>　

可以通过 http://localhost:8080/lps-4.0.x/view/View.lzx 查看上述应用程序。图 6 显示 view.lzx 文件生成的输出。

图 6. 使用视图

在典型的 LZX 应用程序中，常常会使用多个视图，视图之间相互嵌套。 清单 4 显示一个包含嵌套视图的 LZX 应用程序。