|
openlaszlo程序是一組xml格式和javascript格式的標(biāo)簽語言，程序文件以.lzx為擴(kuò)展名。為了簡(jiǎn)便，我們就稱opnelaszlo程序開發(fā)語言為lzx語言。 我們?cè)趯W(xué)習(xí)C或其他非標(biāo)簽語言時(shí)的第一程序應(yīng)該都是"hello,world"；我們?cè)贗DE或者控制臺(tái)來編譯運(yùn)行這個(gè)程序。但是，標(biāo)簽語言的第一個(gè)程序的概念和以上截然不同。比如說XML，HTML等，都是在瀏覽器重運(yùn)行的，而且在開始的時(shí)候，我們不會(huì)太關(guān)注他是怎樣運(yùn)行的。開始學(xué)習(xí)的時(shí)候，我們所關(guān)注的是頁面元素問題，也就是說元素和頁面之間的對(duì)應(yīng)關(guān)系，也就是頁面的排版。 在寫LZX應(yīng)用時(shí)，必須有一個(gè)標(biāo)簽為<canvas>.....</canvas>,它是整個(gè)應(yīng)用的顯示區(qū)或者說是作用區(qū)，它也是一個(gè)view。
<canvas width="100%" height="100" bgcolor="green"/>
或者
<canvas width="100%" height="100" bgcolor="green">
</canvas>
上述兩段代碼效果是一樣的。代碼相當(dāng)于在瀏覽器的客戶區(qū)劃了一塊屬于本應(yīng)用的地方，這段代碼只是劃地，把所劃區(qū)域的背景顏色設(shè)為綠色。
下面在所劃得區(qū)域中定義一個(gè)窗體元素。（注意：如果不設(shè)置canvas的width和height屬性，則默認(rèn)的區(qū)域是整個(gè)瀏覽器的客戶區(qū)。我們自己可以通過調(diào)整參數(shù)來試驗(yàn)一下。）
<canvas width="100%" height="100">
<window/>
</canvas>
下面定義的是一個(gè)可以調(diào)整大小的窗體。（所有示例都需運(yùn)行試驗(yàn)一下，才能感受到RIA）
<canvas width="100%" height="350">
<window x="20" y="20" width="200" height="250" title="Simple Window" resizable="true"/>
</canvas
下面的是在定義的窗體中顯示一項(xiàng)文本：
<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>
下面在窗體中顯示兩個(gè)<text>文本，運(yùn)行后，我們發(fā)現(xiàn)兩個(gè)文本都重疊到一起了。
<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.在窗體標(biāo)簽中加入<simplelayout axis="y" spacing="10"/>， simplelayout標(biāo)簽把與其同等級(jí)的標(biāo)簽在頁面中排版，axis屬性來設(shè)置以水平(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、設(shè)置<text>的x,y即坐標(biāo)屬性。
編譯成SWF文件如下：
(責(zé)任編輯：admin)
|
