前面说到过openlaszlo程序是一组xml格式和javascript格式的标签语言,程序文件以.lzx为扩展名。为了简便,我们就称opnelaszlo程序开发语言为lzx语言。
我们在学习C或其他非标签语言时的第一程序应该都是"hello,world";我们在IDE或者控制台来编译运行这个程序。但是,标签语言的第一个程序的概念和以上截然不同。比如说XML,HTML等,都是在浏览器重运行的,而且在开始的时候,我们不会太关注他是怎样运行的。开始学习的时候,我们所关注的是页面元素问题,也就是说元素和页面之间的对应关系,也就是页面的排版。
在写LZX应用时,必须有一个标签为<canvas>.....</canvas>,它是整个应用的显示区或者说是作用区,它也是一个view。
<canvas width="100%" height="100" bgcolor="green"/>
或者
<canvas width="100%" height="100" bgcolor="green">
</canvas>
上述两段代码效果是一样的。代码相当于在浏览器的客户区划了一块属于本应用的地方,这段代码只是划地,把所划区域的背景颜色设为绿色。
下面在所划得区域中定义一个窗体元素。(注意:如果不设置canvas的width和height属性,则默认的区域是整个浏览器的客户区。我们自己可以通过调整参数来试验一下。)
<canvas width="100%" height="100">
<window/>
</canvas>
下面定义的是一个可以调整大小的窗体。(所有示例都需运行试验一下,才能感受到RIA)
<canvas width="100%" height="350">
<window x="20" y="20" width="200" height="250" title="Simple Window" resizable="true"/>
</canvas下面的是在定义的窗体中显示一项文本:
<canvas width="100%" height="350">
<window x="20" y="20" width="200" height="250" title="Simple Window" resizable="true">
<text>Here is some text.</text>
</window>
</canvas>
下面在窗体中显示两个<text>文本,运行后,我们发现两个文本都重叠到一起了。
<canvas width="100%" height="350">
<window x="20" y="20" width="200" height="250" title="Simple Window" resizable="true">
<text>Here is some text.</text>
<text>I could ramble for hours.</text>
</window>
</canvas>
解决的方法:1.在窗体标签中加入<simplelayout axis="y" spacing="10"/>,simplelayout标签把与其同等级的标签在页面中排版,axis属性来设置以水平(x)还是垂直(y)来排
<canvas width="100%" height="350">
<window x="20" y="20" width="200" height="250" title="Simple Window" resizable="true">
<simplelayout axis="y" spacing="10"/>
<text>Here is some text.</text>
<text>I could ramble for hours.</text>
</window>
</canvas>
2、设置<text>的x,y即坐标属性。以上所有的效果图,可以参考官方文档:http://www.openlaszlo.org/lps4.5/docs/developers/tutorials/laszlo_basics
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/zclmoon/archive/2009/11/24/4865612.aspx
分享到:
相关推荐
创建简单的MDI应用程序,制作了一个简单的窗体应用程序,主要实现在主窗体中单击控件弹出子窗体的功能
创建第一个MFC应用程序 创建第一个MFC应用程序 创建第一个MFC应用程序
在.NET中用c#创建一个窗体程序,计算圆的面积,圆柱体积,圆锥的体积。
创建第一个C++应用程序 创建第一个C++应用程序 创建第一个C++应用程序
1.创建一个 VI 程序,比较两个数, 如果其中一个数大于或等于另一个数,则 LED 点亮。 要求:可以多次操作,直到点退出按钮。 2.创建一个VI程序,该程序完成的功能是:产生一个 0.0 ~10.0 的随机数与10.0相乘,然后...
VS2010 教程:创建一个 WPF 应用程序
《用 C++ 创建简单的 Win32 服务程序》一文的例子代码。描述如何用 Visual C++ 创建 Windows NT 服务程序。创建该服务仅用到一个 C++ 类,这个类提供服务与操作系统之间一个简单的接口。使用这个类实现自己的服务...
创建该服务仅用到一个 C++ 类,这个类提供服务与操作系统之间一个简单的接口。使用这个类实现自己的服务非常简单,只要改写少数几个基类中的虚拟函数即可。在本文有三个源代码参考例子: NTService 是一个简单的 ...
创建一个简单的WCF程序 在Microsoft提出.NET战略以来, 先后推出了一系列产品和技术, 这些产品和技术为我们在.NET平台下建立企业级的分布式应用提供了很大的 便利。这些技术和产品包括:.NET Remoting,XML ...
创建一个GUI应用程序,用于转换若干种货币。提供给用户一个JTextArea以用于输入数量。同时还应提供给用户一种选择源货币名称和目的货币名称的途径。同时为自己的测试设置至少三种不同的货币名称及转换汇率。
进程的创建 编写一段程序,使用系统调用fork()创建两个子进程。当此程序运行时, ...让每一个进程在屏幕上显示一个字符:父进程显示“A”; 子进程分别显示字符“b”和“c”。试观察记录屏幕上的显示结果
任务一:创建一个词法分析程序,该程序支持分析常规单词。必须使用 DFA(确定性有限自动机)或 NFA(不确定性有限自动机)来实现此程序。 程序 有两个输入:一个文本文档,包括一组 3º型文法(正规文法)的产生式;...
Windows 8下创建一个视频播放程序的例子
1.如何创建最简单的MFC程序?(Visual C++编程 源代码1.如何创建最简单的MFC程序?(Visual C++编程 源代码))1.如何创建最简单的MFC程序?1.如何创建最简单的MFC程序?(Visual C++编程 源代码)(Visual C++编程 ...
这个示例代码中,我们展示了如何创建一个简单的GUI应用程序: 创建主窗口:使用figure()函数创建一个主窗口,并设置窗口名称和位置。 创建按钮:使用uicontrol()函数创建一个按钮,并设置按钮的样式、文本和位置。 ...
本节描述如 何创建简单 的 ABAP/4 程序。了解 如何创建 ABAP/4 程序将有助 于了解本指 南中的其它 主题。 创建简单的 ABAP/4 程序涉及下 列基本步骤 : 1. 命名 程序 2. 指定 程序属性 3. 编写 程序代码 4. 测试 ...
MFCOpenGLAppWizard创建一个OpenGL应用程序框架,其中的模板来自于MFCOpenGL.awx,使用模板来创建OpenGL程序
编辑一个JAVA程序,定义一个学生的类Student。这个类的属性(成员变量):“学号”,“班号”,“姓名”,“性别”,...编写一个Java Application程序,创建Student类的对象,调用上述方法进行验证并实现相应输出。
在本实战教程中,我们将使用Java编程语言创建一个简单的绘图应用程序。这个应用程序将允许用户绘制各种形状、选择颜色和线条粗细,以及保存和加载绘图。 以下是本实战教程的主要内容: 项目概述 准备工作 创建Java...
在本项目中,我们将创建一个简单的Java日历应用程序,它包括以下主要功能: 显示日历界面,允许用户选择日期。 在日历中标记已经安排的事件和约会。 允许用户添加、编辑和删除事件。 提供事件的日期和时间提醒功能...