AS3.0的元素处理(二)-- TextField

简介:

  文本这一块内容,算不上是Flash的重头戏,但也是不可缺少的一块内容。TextField的属性和方法众多,我们不用全部记住。但我们需要知道能实现哪些功能。

TextField的属性面板如下图:

      clip_image002

 

和面板对应的相关属性有:(继承属性我不列了)

text:文本内容。

htmlText:存储HTML文本的内容。如果要使用HTML文本时,请参阅帮助,了解支持哪些HTML元素,Flash支持的元素不多的。别指望实现太复杂的功能。可能也就<img>标签会比较有用些,可以插入外部的图片和SWF文件。

type:设置文本为动态文本还是输入文本。默认为动态文本。

textColor:设置字体颜色。

autoSize:对齐方式,只有无(默认)、左端对齐、居中对齐、右端对齐。没有两端对齐。

multiline:文本是否为多行文本。

wordWrap:文本是否自动换行。

displayAsPassword:输入的字符以密码形式显示。

border:是否具有边框。

selectable:文本字段是否可选。

maxChars:用户可输入的最大字符数。

 

属性面板不提供的常用设置属性:

background:是否具有背景填充色。

backgroundColor:当background属性设置为true时,设置背景颜色。

borderColor:当border属性为true时,设置边框颜色。

restrict:在输入文本中,限制用户可输入的字符集。

 

常用文本类编程属性:

length:获取文本所含字符数。

numLines:获取多行文本的总行数。

caretIndex:获取输入光标所在的位置(插入字符的那条一闪一闪的竖线)。

selectionBeginIndex:所选择文本的起始位置。

selectionEndIndex:所选择文本的结束位置。

textWidth:获取文本区域实际宽度。

textHeight:获取文本区域实际高度。

scrollH:当前水平滚动位置。设置该值可以实现文本水平滚动效果。

maxScrollH:scrollH的最大值。

scrollV:当前垂直滚动位置。设置该值可以实现文本垂直滚动效果。

maxScrollV:scrollV的最大值

bottomScrollV:返回当前可见文本区域的底部ScrollV值。

 

有关文本定位的相关方法:

(1)根据提供的字符索引值获取:

getCharBoundaries():获得某一个字符的具体位置矩阵(该字符的x、y坐标,以及宽、高)。

getFirstCharInParagraph():获取某一个字符所在段落的第一个字符索引值。

getParagraphLength():获取某一个字符所在段落包含的字符个数。

getLineIndexOfChar():获取某一个字符所在的行号。

(2)根据坐标获取:

getCharIndexAtPoint():根据点坐标,获得当前位置的字符索引值。

getLineIndexAtPoint():根据点坐标,获取当前行号。

 

和文本行相关的方法:

getLineLength():获取某一行的字符个数。

getLineOffset():获取某一行第一个字符的索引号。

getLineText():获取某一行的文本内容。

 

接下来的两篇,也和TextField类有比较密切的关系。分别是TextFormat类和styleSheet对象。










本文转自 windtoto 51CTO博客,原文链接:http://blog.51cto.com/windtoto/406819,如需转载请自行联系原作者
目录
相关文章
|
8月前
|
JavaScript
Vue自定义组件实现类似elementUI的append-to-body功能,将创建的元素插入、挂载到body上面(网页最外层),适用于父元素overflow: hidden、绝对定位fixed的场景
Vue自定义组件实现类似elementUI的append-to-body功能,将创建的元素插入、挂载到body上面(网页最外层),适用于父元素overflow: hidden、绝对定位fixed的场景
|
6月前
Element UI 表单【详解】-- 表单校验,表单元素排列在一行,常用表单元素等
Element UI 表单【详解】-- 表单校验,表单元素排列在一行,常用表单元素等
204 0
|
7月前
input的Checkbox(复选框)属性具体怎么使用
input的Checkbox(复选框)属性具体怎么使用
337 0
|
8月前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
191 2
|
8月前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
732 0
|
8月前
easyui-combobox 下拉列表排序
easyui-combobox 下拉列表排序
109 0
|
JSON 数据格式
easyUI 的combobox如何获取除valueField和textField外的三个值
easyUI 的combobox如何获取除valueField和textField外的三个值
|
前端开发
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
237 0
Element UI - el-select(选择器)下拉多选菜单不换行显示
Element UI - el-select(选择器)下拉多选菜单不换行显示
form表单 +input的属性值+textarea文本域+select下拉菜单
form表单 +input的属性值+textarea文本域+select下拉菜单
114 0