Text Views
出自OpenFace
第十六章 文本视图
第三部分. 基本概念
这一章叙述<text>和<inputtext>标签(LzText和LzInputText类).假释你非常熟悉LZX的基本概念,如views(23章 Views),函数和属性。
目录 |
特性概要
“text”采用UTF-8编码方式显示；根据语境“text”可以是指数据本身或他本身的显示。在本章中我们将谈论的大多是关于文本的内容。
一般而言，文本框除非明确设置宽度和高度属性，否则缺省情况下的高度和宽度是在编译时由其文本内容决定的。当设置属性resize=“true”时，文本框的值在运行时被改变时，可以自动调整其大小。
<text> 视图
<text>标签实例化自LzText视图，文本框的内容在编译时可以通过下面两种方法来设置；放在<text标签中或作为<text>标签的属性。
Example 16.1. Text 视图
<canvas height="125"> <simplelayout/> <text>Hello World!</text> <text text="Hello World!"/> </canvas>
单行和多行文本
文本区域可以单行或多行。多行需要设置是否被激或。缺省方式下为单行。
Example 16.2. 多行文本
<canvas height="125"> <simplelayout spacing="5"/> <text bgcolor="#ffcccc"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras nibh. Quisque justo. Donec porta, wisi quis vehicula interdum, augue dui pharetra lectus, non adipiscing purus nibh vitae purus. </text> <text bgcolor="#ccccff" multiline="true" width="300" > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras nibh. Quisque justo. Donec porta, wisi quis vehicula interdum, augue dui pharetra lectus, non adipiscing purus nibh vitae purus. </text> </canvas>
当自动换行被激活状态下，你可以设置multiline为false，使其生效。当multiline=false时， 换行只会发生在你指定的文本换行处。
Text 宽度和高度
<text>标签的属性如果没有被明确的设定，文本区域的大小便由其初始内容设定。如果text视图是单行，则高度由当前字体决定。
通过设置resize属性，每当setText()函数被调用时,文本区域在运行都能自动调整起大小，以适应其内容的显示。
注意:如果没有初始化text中的内容，即，你有一个空的标签，如<text/>。那么在缺省情况下，如text能被显示它的高度和宽度必不为0，这有助于应用的调试，(特别是在数据绑绽的情况下)，如果text的值没有被设置则不显示。
Example 16.3 恢复 text
<canvas height="125">
<simplelayout/>
<text id="t1" bgcolor="#ffcccc" resize="false">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</text>
<text id="t2" bgcolor="#ccffcc" resize="true">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</text>
<text text="setText(...)" oninit="LzFocus.setFocus(this)">
<handler name="onkeydown" reference="LzKeys">
t1.setText('resize='+t1.resize);
t2.setText('resize='+t2.resize);
</handler>
</text>
</canvas>
<inputtext> 视图
<inputtext>标签创建可编辑文本区域。如不可以编辑的<tex>，输入的文字可以是单行或多行。
