proxied applications:

1.     启动服务器

2.     编译一个lzx文件

3.     放到具体的目录

4.     在浏览器中打开

5.     调试和修改程序

6.     重复2-5步,知道调试完毕.

7.     可选:使用KRANK进行优化

8.     最终部署程序

 

<script>标签允许放到<canvas>里面,而不允许放到<view>中.

<simplelayout>, <stableborderlayout>, <constantlayout>, <resizelayout> and <wrappinglayout>.

所有在LZX 应用中的数据都包含在datasets中

 

一个<liberary>只能嵌入到一个application中一次

注释:

<!--  comment -->

也可以:

<?ignore

  <!-- This is a blue view -->

  <view bgcolor="blue" width="100" height="20"/>

  <!-- This is a green view -->

  <view bgcolor="green" width="100" height="20"/>

  ?> 

javascript的注释还是/* */ 和 //

调试:

<canvas height="200" debug="true">

  <script>

    Debug.write("Well now how about that!")

  </script>

</canvas>

可以使用<debug>标签,调整调试窗口的位置.

 

所有的元素放置后,默认的位置是在左上角.需要使用x,y两个元素调整位置.

但是每一个元素都使用一个相对父元素的x,y属性,会非常的乱.这时,可以使用: layout

 

Chapter 6 组件(Components)介绍

组件包括button这样简单的组件,同时还包括象form/grid等复杂的组件

*用户可以自定义自己的组件

创建组件的方法:

1.     使用标签tag

2.     使用script API

3.     使用databinding

 

Chapter 7 视图Views介绍:

<button x="${(immediateparent.width / 2) - (this.width / 2)}"
      onclick="this.setAttribute('width', this.getAttribute('width') + 10);" >

immediateparent:对象代表直接的父类

this.getAttribute('width') and this.width是有区别的

this.width 只能用在constraints里面

 

Chapter 8. Intoduction to Media and Art Assets

简单介绍如何在laszlo中使用图片、视频、音频

在laszlo中<view>元素是最基本的可视化元素,不能直接插入图片,而是插入view而view的resource属性是图片

LZX加载图片的方法:

在编译的时候装载

使用resource全局标识

<resource name="smileyFaceImg" src="resources/smiley.gif"/>

  <view x="50" y="50" resource="smileyFaceImg"/>

在运行时装载

<view x="25" y="25" resource="http://localhost:8080/laszlo_mini/guide/tutorial/ch8/resources/smiley.gif"></view>

提示:最好使用<resource>来嵌入图片等资源,这样可以将资源定义在一处,然后文件中其他地方使用只需要使用全局标识符就可以了.如果要修改的化只需要修改一处就可以了.

Laszlo支持GIF/JPEG/PNG格式的图片

可以使用属性stretches控制图片的尺寸的拉伸,有三个属性值both, width or height

 

一个<resource>可以包括多个<frame>,可以理解为一个resource有好多别的resource组成,但是每次只能够呈现一个.<frame>的顺序是从1开始的

<view x="150" y="50" resource="face"
         onclick="this.setResourceNumber(2);"/>

嵌入flash的方式可嵌入图片的方式类似

<canvas width="500" height="150">
  <view name="spinningClock" resource="../resources/clock.swf" 
        onclick="this.stop();"
        clickable="true"/>
</canvas>

onclick事件,调用stop方法,stop方法停止flash,同时stop方法还是支持接受一个参数.

同时还有play方法,它也支持接收一个参数,参数说明指具体那一帧

view中还有一些和resource相关的方法:

view.playing :flash是否正在播放

view.frame:当前帧

view.totalframes:falsh中总共的帧数

view.seek(n):在flash当中跳过n秒