- 浏览: 100479 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
chensong215:
无法获取到ProgressEvent中的bytesTotal
自定义DownloadProgressBar -
qq2464785999:
非常感谢。
测试后,发现要用相对路径的话,好像要这么写
va ...
Flex写XML文件
它现在包含Text布局框架(Text Layout Framework (TLF)),而TLF可以作为许多
Spark text组件的基础,例如RichText、RichEditableText、TextArea和 TextInput等组件,以及可以使用其中组件作为另一个
组件的部件的其它组件,例如ComboBox,ComboBox可以包含一个TextInput控件。 现在你可以对文本和文本流进行精细颗粒
的控制,并且能够利用你的UI实现若干真正令人惊奇的应用程序。 该框架非常广博。。。。
晕了,估计你到了这里看了这篇文章也是和我一样,是无尽的迷茫与无助,怎么办?还好我研究了下终于研究到了
下面就说说吧:textArea控件有个textFlow属性 就是这样咯,下面就写代了:
<s:TextArea id="txt" x="185" y="122" textFlow="{TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)}">
</s:TextArea>
如果你写在<fx:Script>就这样写吧:
txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
这里的txt是textArea控件的实例名称,str就是一个关于htmlText的字符了;
好了下面就给个完整的代:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
<s:TextArea id="txt" x="157" y="118" />
<s:Button id="n" x="360" y="334" label="发送"/>
<s:TextInput id="input" x="167" y="332"/>
<fx:Script>
<![CDATA[
import flashx.textLayout.conversion.TextConverter;
[Bindable]
private var str:String;
private function init():void
{
n.addEventListener(MouseEvent.CLICK,doclick);
}
private function doclick(e:MouseEvent):void
{
str="<font color='#ff0000' size='25' face='宋体'>"+input.text+"</font>"
txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
}
]]>
</fx:Script>
</s:Application>
TEXT_FIELD_HTML_FORMAT:String - flashx.textLayout.conversion.TextConverter
HTML 格式。使用此常量,可用 HTML 格式从 TextFlow 导入或导出到 TextFlow。Text Layout Framework HTML 支持 flash.text 包中的 TextField 类所支持的标记和属性子集。
下表列出了对于导入和导出过程支持的 HTML 标记和属性(TextField 支持但 Text Layout Framework 不支持的标记和属性被专门描述为不支持):
标签 说明
锚标签 <a> 标签创建超文本链接并支持以下属性:
◦target:指定加载页面的目标窗口的名称。选项包括 _self、_blank、_parent 和 _top。_self 选项指定当前窗口中的当前帧,_blank 指定一个新窗口,_parent 指定当前帧的父级,而 _top 指定当前窗口中的顶级帧。
◦href:指定一个 URL。该 URL 可以是绝对路径,也可以是相对路径(相对于加载该页的 SWF 文件的位置)。http://www.adobe.com 示例表示对 URL 的绝对引用;/index.html 示例表示相对引用。绝对 URL 必须以 http:// 为前缀,否则 Flash 会将其视为相对 URL。注意:与 TextField 类不同,不支持 ActionScript link 事件。也不支持 a:link、a:hover 和 a:active 样式。
粗体标签 <b> 标签以粗体形式呈现文本。粗体必须可用于所使用的字体。
换行标签 <br> 标记将在文本中创建一个换行符。
字体标签 <font> 标签指定一种字体或一个字体列表来显示文本。字体标签支持以下属性:
◦color:只支持十六进制颜色 (#FFFFFF) 值。
◦face:指定要使用的字体的名称。如下例所示,您可以指定一个以逗号分隔的字体名称的列表,在这种情况下,Flash Player 选择第一个可用字体。如果本地计算机系统上未安装指定的字体,或 SWF 文件中未嵌入指定的字体,则 Flash Player 将选择替代字体。
◦size:指定字体的大小。您可以使用绝对像素大小(如 16 或 18),也可以使用相对磅值(如 +2 或 -4)。
◦letterspacing:指定应用到每个字符右侧的间距(手动字距微调),以像素为单位。
◦kerning:指定字距微调处于启用状态还是禁用状态。非零值表示启用字距微调,而零表示禁用字距微调。
图像标签 使用 <img> 标记,可将外部图像文件(JPEG、GIF、PNG)、SWF 文件和影片剪辑嵌入到文本中。
<img> 标签支持以下属性:
◦src:指定图像或 SWF 文件的 URL,或库中影片剪辑元件的链接标识符。此属性是必需的,所有其它属性都是可选的。外部文件(JPEG、GIF、PNG 和 SWF 文件)只有在完全下载之后才能显示。
◦width:所插入的图像、SWF 文件或影片剪辑的宽度(以像素为单位)。
◦height:所插入的图像、SWF 文件或影片剪辑的高度(以像素为单位)。
注意:与 TextField 类不同,不支持下列属性:align、hspace、vspace、id 和 checkPolicyFile。
斜体标签 <i> 标签以斜体形式显示标签中的文本。斜体必须可用于所使用的字体。
列表项标签 注意:与 TextField 类不同,不支持 List 项标签。
段落标签 <p> 标签创建一个新段落。<p> 标签支持以下属性:
◦align:指定段落内文本的对齐方式;有效值为 left、right、justify 和 center。
◦class:指定可以用于设置样式的类名称
Span 标签 <span> 标签支持以下属性:
◦class:指定可以用于设置样式的类名称
文本格式标签 使用 <textformat> 标签可在文本字段中使用 TextFormat 类的段落格式设置属性的子集,其中包括行距、缩进、边距和 Tab 停靠位。您可以将 <textformat> 标签与内置 HTML 标签结合使用。
<textformat> 标签具有以下属性:
◦indent:指定从左边距到段落中第一个字符的缩进;对应于 TextFormat.indent。正数和负数均可以接受。
◦blockindent:指定应用到段落中的所有行的缩进。
◦leftmargin:指定段落的左边距(以磅为单位);对应于 TextFormat.leftMargin。
◦rightmargin:指定段落的右边距(以磅为单位);对应于 TextFormat.rightMargin。
◦leading:指定一行的上缘和上一行的下缘之间的行距(行高度),以像素为单位。
◦tabstops:指定段落中制表位位置的以逗号分隔的列表。
下划线标签
也就是说不支持<table>标签
Spark text组件的基础,例如RichText、RichEditableText、TextArea和 TextInput等组件,以及可以使用其中组件作为另一个
组件的部件的其它组件,例如ComboBox,ComboBox可以包含一个TextInput控件。 现在你可以对文本和文本流进行精细颗粒
的控制,并且能够利用你的UI实现若干真正令人惊奇的应用程序。 该框架非常广博。。。。
晕了,估计你到了这里看了这篇文章也是和我一样,是无尽的迷茫与无助,怎么办?还好我研究了下终于研究到了
下面就说说吧:textArea控件有个textFlow属性 就是这样咯,下面就写代了:
<s:TextArea id="txt" x="185" y="122" textFlow="{TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)}">
</s:TextArea>
如果你写在<fx:Script>就这样写吧:
txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
这里的txt是textArea控件的实例名称,str就是一个关于htmlText的字符了;
好了下面就给个完整的代:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
<s:TextArea id="txt" x="157" y="118" />
<s:Button id="n" x="360" y="334" label="发送"/>
<s:TextInput id="input" x="167" y="332"/>
<fx:Script>
<![CDATA[
import flashx.textLayout.conversion.TextConverter;
[Bindable]
private var str:String;
private function init():void
{
n.addEventListener(MouseEvent.CLICK,doclick);
}
private function doclick(e:MouseEvent):void
{
str="<font color='#ff0000' size='25' face='宋体'>"+input.text+"</font>"
txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
}
]]>
</fx:Script>
</s:Application>
TEXT_FIELD_HTML_FORMAT:String - flashx.textLayout.conversion.TextConverter
HTML 格式。使用此常量,可用 HTML 格式从 TextFlow 导入或导出到 TextFlow。Text Layout Framework HTML 支持 flash.text 包中的 TextField 类所支持的标记和属性子集。
下表列出了对于导入和导出过程支持的 HTML 标记和属性(TextField 支持但 Text Layout Framework 不支持的标记和属性被专门描述为不支持):
标签 说明
锚标签 <a> 标签创建超文本链接并支持以下属性:
◦target:指定加载页面的目标窗口的名称。选项包括 _self、_blank、_parent 和 _top。_self 选项指定当前窗口中的当前帧,_blank 指定一个新窗口,_parent 指定当前帧的父级,而 _top 指定当前窗口中的顶级帧。
◦href:指定一个 URL。该 URL 可以是绝对路径,也可以是相对路径(相对于加载该页的 SWF 文件的位置)。http://www.adobe.com 示例表示对 URL 的绝对引用;/index.html 示例表示相对引用。绝对 URL 必须以 http:// 为前缀,否则 Flash 会将其视为相对 URL。注意:与 TextField 类不同,不支持 ActionScript link 事件。也不支持 a:link、a:hover 和 a:active 样式。
粗体标签 <b> 标签以粗体形式呈现文本。粗体必须可用于所使用的字体。
换行标签 <br> 标记将在文本中创建一个换行符。
字体标签 <font> 标签指定一种字体或一个字体列表来显示文本。字体标签支持以下属性:
◦color:只支持十六进制颜色 (#FFFFFF) 值。
◦face:指定要使用的字体的名称。如下例所示,您可以指定一个以逗号分隔的字体名称的列表,在这种情况下,Flash Player 选择第一个可用字体。如果本地计算机系统上未安装指定的字体,或 SWF 文件中未嵌入指定的字体,则 Flash Player 将选择替代字体。
◦size:指定字体的大小。您可以使用绝对像素大小(如 16 或 18),也可以使用相对磅值(如 +2 或 -4)。
◦letterspacing:指定应用到每个字符右侧的间距(手动字距微调),以像素为单位。
◦kerning:指定字距微调处于启用状态还是禁用状态。非零值表示启用字距微调,而零表示禁用字距微调。
图像标签 使用 <img> 标记,可将外部图像文件(JPEG、GIF、PNG)、SWF 文件和影片剪辑嵌入到文本中。
<img> 标签支持以下属性:
◦src:指定图像或 SWF 文件的 URL,或库中影片剪辑元件的链接标识符。此属性是必需的,所有其它属性都是可选的。外部文件(JPEG、GIF、PNG 和 SWF 文件)只有在完全下载之后才能显示。
◦width:所插入的图像、SWF 文件或影片剪辑的宽度(以像素为单位)。
◦height:所插入的图像、SWF 文件或影片剪辑的高度(以像素为单位)。
注意:与 TextField 类不同,不支持下列属性:align、hspace、vspace、id 和 checkPolicyFile。
斜体标签 <i> 标签以斜体形式显示标签中的文本。斜体必须可用于所使用的字体。
列表项标签 注意:与 TextField 类不同,不支持 List 项标签。
段落标签 <p> 标签创建一个新段落。<p> 标签支持以下属性:
◦align:指定段落内文本的对齐方式;有效值为 left、right、justify 和 center。
◦class:指定可以用于设置样式的类名称
Span 标签 <span> 标签支持以下属性:
◦class:指定可以用于设置样式的类名称
文本格式标签 使用 <textformat> 标签可在文本字段中使用 TextFormat 类的段落格式设置属性的子集,其中包括行距、缩进、边距和 Tab 停靠位。您可以将 <textformat> 标签与内置 HTML 标签结合使用。
<textformat> 标签具有以下属性:
◦indent:指定从左边距到段落中第一个字符的缩进;对应于 TextFormat.indent。正数和负数均可以接受。
◦blockindent:指定应用到段落中的所有行的缩进。
◦leftmargin:指定段落的左边距(以磅为单位);对应于 TextFormat.leftMargin。
◦rightmargin:指定段落的右边距(以磅为单位);对应于 TextFormat.rightMargin。
◦leading:指定一行的上缘和上一行的下缘之间的行距(行高度),以像素为单位。
◦tabstops:指定段落中制表位位置的以逗号分隔的列表。
下划线标签
也就是说不支持<table>标签
发表评论
-
flex 自定义多个命名空间以及标签名
2013-01-22 15:21 1336flex 自定义多个命名空 ... -
FLEX中使用AS动态创建DataGrid
2013-01-09 16:24 919FLEX中使用AS动态创建DataGrid 2010年2月6日 ... -
flex与flash之间相互调用
2012-12-12 12:39 628http://www.cnblogs.com/kaixuan/ ... -
Flex与Flex创建的swf通信
2012-12-12 10:16 733加载子SWF的Flex程序代码 <?xml vers ... -
[AS3]加载视频(FLV)文件
2012-12-06 15:11 863[AS3]加载视频(FLV)文件 分类: FLEX/CS3-- ... -
通过FileReference打开本地图片崩溃的解决方法
2012-12-06 14:02 720通过FileReference打开本地图片崩溃的解决方法 最近 ... -
使用FileReference的load()方法加载本地图片
2012-12-06 13:56 9371、要想使用FileReference的load()方法和da ... -
[AS3]Bitmap序列化(将BitmapData保存为原生Binary/ByteArray)
2012-12-06 13:48 760[AS3]Bitmap序列化(将BitmapData保存为原生 ... -
as3 画五角星算法
2012-12-05 16:49 2630as3 画五角星算法 阅读:10次 时间:2012-03- ... -
flex嵌入完整html
2012-11-29 11:18 815有时候我们需要在Flex应用中嵌入HTML代码,根据嵌入HTM ... -
Tooltip应用
2012-11-29 11:11 732创建ToolTip: var errorToolTip:To ... -
数据绑定显示问题
2012-10-27 12:11 681数据绑定实时变化。 XMLListCollection 可以变 ... -
待解决问题
2012-09-18 23:48 7241.仪表盘 2.渐变填充的使用 3.发光效果的完美运用 能在一 ... -
as3加载外部图片的两种方式
2012-09-09 11:46 1046package net.burchin.loading { ... -
公式as3
2012-09-06 18:13 0as3 1人收藏此文章, 我要收藏 发表于1年前(2011-0 ... -
Flex中多线程的实现
2012-09-06 10:49 3521破阵子_如是我闻 如是我闻。一时佛在舍卫国,祗树给孤独园.. ... -
自定义column renderer
2012-08-09 15:07 964<?xml version="1.0" ... -
drowshadowFilter
2012-08-09 15:05 678DropShadowFilter 类,在Flash中为各种对象 ... -
123123
2012-08-08 17:16 0http://www.oschina.net/code/sni ... -
flex 画面快照截图与显示
2012-08-08 11:32 1054一、对指定画面进行快 ...
相关推荐
### flex解决textarea,input不能输入中文的方法 在使用Flex进行Web应用开发时,有时会遇到一个让人头疼的问题:在非主应用程序环境下(例如嵌入到HTML页面中的SWF文件),textarea和input控件无法正常输入中文字符...
在这个组件中,我们将覆盖默认的text属性,使用TextFlow来替代纯文本。 2. **使用TextFlow和Paragraph**: 在组件的初始化函数中,创建一个TextFlow对象,并在其内部创建一个Paragraph。然后,可以使用`<a>`标签...
与Flex 3相比,Flex 4不再直接支持`textarea`控件的`htmlText`属性,而是采用了更为复杂的机制来实现HTML文本的显示。 #### 使用TLF引擎 在Flex 4中,可以利用TLF引擎提供的功能来间接实现HTML文本的显示。具体...
2. **Flex组件**:Flex提供了一系列预定义的UI组件,如Button、TextInput、TextArea、List等,这些组件可以帮助快速构建用户界面,且具有高度自定义性。 3. **ActionScript**:作为Flex的核心,ActionScript支持...
通过属性设置,如text、width和height,可以调整文本的显示内容和区域大小。 2. **RichText组件** - RichText组件允许开发者创建富文本,支持HTML样式的文本格式,如字体、颜色、对齐方式、链接等。这对于创建复杂...
MumericStepper、PopUpButton、ProgressBar、RadioButton、RichTextEditor、Text、TextArea、TextInput TileList、Tree、VSlider VideoDisplay 7、容器控件(可包含控件及容器控件) Canvas、ControlBar、Form...
5. **Flex组件库**:Flex提供了一系列预定义的UI组件,如Button、TextArea、List等,可以快速构建用户界面。在开发在线阅读应用时,可能会用到ScrollView、Text、Image等组件。 **四、在线阅读的核心功能** 6. **...
<mx:TextArea text="Say hello to Flex!" /> ``` - **XML声明**:指定了文档类型为XML以及编码格式。 - **命名空间**:`xmlns:mx="http://www.adobe.com/2006/mxml"` 定义了MXML的命名空间。 - **根元素**:`...
1. 使用Flex文本组件(如Label、Text或TextArea)的`htmlText`属性。这个属性允许开发者插入一些基本的HTML标签,如`<p>`、`<font>`等,来实现文本的格式化。例如,以下代码演示了如何在`TextArea`组件中嵌入HTML...
以上就是关于Flex使用中常见的一些问题和解决方案,包括改变验证控件样式、与HTML组件交互、禁用TextArea输入以及处理XML乱码问题。在实际开发中,遇到这些问题可以参考上述方法进行解决,同时也可加入相关交流群或...
<mx:TextArea text="Say hello to Flex!"/> ``` 此示例展示了如何使用MXML定义包含文本区域和按钮的基本界面。MXML的强大在于它可以直观地描述界面布局,同时通过ActionScript添加复杂的功能和逻辑,使开发者...
首先,我们要理解Flex中的基础文本组件,如`Label`、`TextArea`和`TextInput`。这些组件可以用来展示和输入文本,但它们本身并不支持复杂的文本格式化或高亮。要实现文本高亮,我们需要使用`RichText`或`...
1. **控件**:包括基于文本的控件(如Label、Text、TextInput、TextArea和RichTextEditor)、基于按钮的控件(如Button、LinkButton、CheckBox、RadioButton和PopupButton)等。这些控件用于实现各种用户交互功能,...
4. TextArea(文本区域):允许编辑文本,可有滚动条,支持HTML和富文本。可以设置为只读或禁用,限制最大字符数。 5. RichTextArea(富文本区域):提供更复杂的文本编辑功能,如字体、颜色、样式等,包含文本区域...
在提供的示例代码中,TextConverter.importToFlow()方法被用来将HTML格式的字符串转换为TextFlow对象,并设置到TextArea组件的textFlow属性上。这样做的好处是可以利用HTML标签(比如标签和color属性)来定义文本的...
在Flex中,可以通过设置`mx:DateChooser`组件的属性来自定义日期显示格式,如中文星期和月份名称: ```xml dayNames="[日,一,二,三,四,五,六]" monthNames="[一月,二月,三月,四月,五月,六月,七月,八月,九月,十月...
<mx:TextArea text="Say hello to Flex!"/> ``` - **解析**: - `<mx:Application>`:定义了一个Flex应用程序的根节点。 - `<mx:Panel>`:容器组件,用于组织内部的其他组件。 - `<mx:TextArea>`:用于显示...
Flex包含一个强大的组件库,如Button、TextInput、TextArea、Canvas等,这些都是可复用的UI元素,可以直接拖放到设计视图中。开发者可以根据需要自定义这些组件,以满足特定的设计和功能需求。 五、数据绑定与事件...
- **输入组件**:包括`TextInput`(单行输入)和`TextArea`(多行输入)。 ### 结论 通过上述介绍可以看出,Flex是一个非常强大且灵活的框架,它不仅能够帮助开发者快速构建美观的用户界面,还提供了丰富的组件库...