flex 3 格式化组件

最新推荐文章于 2023-07-12 19:12:14 发布
最新推荐文章于 2023-07-12 19:12:14 发布
阅读量80 收藏
点赞数
分类专栏： Adobe 文章标签： 操作系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_5246/article/details/82242808
版权
[b]1.货币格式化[/b] 

  <mx:CurrencyFormatter id="CurrencyDisplay" alignSymbol="right" currencySymbol="￥"/>
  <mx:CurrencyFormatter id="CurrencyDisplay" alignSymbol="right" currencySymbol="￥"/>


[b]2.日期格式化[/b] 

<mx:DateFormatter id="DateDisplay" 
        formatString="MMMM D, YYYY"/>
<mx:DateFormatter id="DateDisplay1" 
        formatString="YYYY-MM-DD"/>
    	<mx:Label text="未格式化的日期:{today}"/>
    	<mx:Label text="格式化后的日期:{DateDisplay.format(today)}"/>


[b]3.数字格式化[/b] 

<mx:NumberFormatter id="NumberDisplay" />
<mx:Label text="未格式化的数字:{num}"/>
<mx:Label text="格式化后的数字:{NumberDisplay.format(num)}"/>

用NumberFormat 类，设置掩码，然后调用format( ) 方法。
虽然自己都可以做到这种效果，但是你会发现用NumberFormat 对象更简单更灵活。
NumberFormat 类是个自定义类，可到http://www.rightactionscript.com/ascb下载。使用它须先导
入：import ascb.util.NumberFormat：
接下来决定是什么掩码进行格式化，它可以是0，#，.，,，或者其他。
零(0)
使用零作为占位符
井号(#)
点号(.)
逗号(,)
下面看一下例子：掩码如下：
##,###.0000
格式化如下数字：1.2345, 12.345, 123.45, 1234.5, 和12345， 结果：
1.2345
12.3450
123.4500
1,234.5000
12,345.0000
通过构造函数直接传入参数作为掩码：
var styler:NumberFormat = new NumberFormat("##,###.0000");
另外，使用属性进行修改掩码：
styler.mask = "##.00";
设置好掩码，调用format( ) 方法就可以格式化数字了：
例如：trace(styler.format(12345);

var styler:NumberFormat = new NumberFormat("#,###,###,###");
trace(styler.format(1));
trace(styler.format(12));
trace(styler.format(123));
trace(styler.format(1234));
styler.mask = "#,###,###,###.0000";
trace(styler.format(12345));
trace(styler.format(123456));
trace(styler.format(1234567));
trace(styler.format(12345678));
trace(styler.format(123456789));
输出如下：
1
12
123
1,234
12,345.0000
123,456.0000
1,234,567.0000
12,345,678.0000
123,456,789.0000
NumberFormat 对象自动本地化返回值。如果Flash 播放器在英文操作系统上运行，
NumberFormat 类是用逗号和点号，如果在法语操作系统上运行，正好相反，使用点号和逗号，
因此需要覆盖自动本地化：
有几种方法覆盖自动本地化设置：
把Locale 对象作为format( ) 方法的第二个参数，format( ) 方法根据Locale 对象的设置进行格
式化。Locale 对象使用两个参数，第一个是语言代码，如en，第二个参数为国家代码，如
EN.
通过全局设置Locale.slanguage 或Locale.svariant 属性就不需要给format( ) 方法传递参数了
使用符号对象作为format( )的第二个参数，包括两个属性：group和decimal。该方法适合没有
用Locale对象进行全局设置下使用。
Locale 类在ascb.util 包中，使用前导入。
下面的代码展示了三种方法：
var styler:NumberFormat = new NumberFormat("#,###,###,###.00");
Locale.slanguage = "fr";
trace(styler.format(1234));
trace(styler.format(12345, {group: ",", decimal: "."}));
trace(styler.format(123456));
Locale.slanguage = "en";
trace(styler.format(1234567));
trace(styler.format(12345678, new Locale("es", "ES")));
trace(styler.format(123456789, {group: "|", decimal: ","}));
结果：
1.234,00
12,345.00
123.456,00
1,234,567.00
12.345.678,00
123|456|789,00
var styler:NumberFormat = new NumberFormat( );
trace(styler.format(12.3));
trace(styler.format(123.4));
trace(styler.format(1234.5));
trace(styler.format(12345.6));
正像上一节所说的，仍然有本地化问题，本地化处理和上一节一样：
var styler:NumberFormat = new NumberFormat( );
Locale.slanguage = "fr";
trace(styler.format(1234, new Locale("en")));
trace(styler.format(12345, {group: ":", decimal: "|"}));
trace(styler.format(123456));

2.格式化货币数字
不像其他语言，比如ColdFusion，ActionScript 没有提供内建的函数格式化货币数字。自定义类
NumberFormat 包括一个currencyFormat( )方法。
currencyFormat( ) 至少需要一个参数，看下面的简单代码：
var styler:NumberFormat = new NumberFormat( );
trace(styler.currencyFormat(123456));
在英文操作系统上运行结果如下：
$123,456.00
和format( ) 方法类似，currencyFormat( ) 方法根据自动本地化设置进行格式化。因此，如果上
面的代码在西班牙语操作系统上运行结果如下：
123.456,00
覆盖自动本地化方法和format()类似：
使用Locale 对象作为currencyFormat( )的第二个参数.
赋全局变量给Locale.slanguage 和Locale.svariant 属性
使用字符对象作为currencyFormat( )的第二个参数.
currencyFormat( ) 的字符对象比format( ) 方法中稍微不一样，它包括4个属性： group, decimal,
currency, 和before。group 和decimal 属性和format( ) 方法一样。currency 属性为货币符号，
before 为布尔值，表示货币符号的位置。
下面是currencyFormat( )的一些例子代码：
var styler:NumberFormat = new NumberFormat( );
trace(styler.currencyFormat(123456));
Locale.slanguage = "nl";
trace(styler.currencyFormat(123456));
trace(styler.currencyFormat(123456, new Locale("sv")));
trace(styler.currencyFormat(123456, {group: ",", decimal: ".", currency: "@", before: false}));
输出结果：
$123,456.00
123.456,00
123,456.00kr
123,456.00@

格式化日期和时间
Date.toString( )方法返回Date对象的字符串类型数值，比如：
// 显示: Tue Jan 5 14:25:20 GMT-0800 2010
对象输出标准的美国日期格式：
var formatter:DateFormat = new DateFormat("m/d/Y");
一旦创建了DateFormat对象，调用format（）方法，通过指定的掩码格式化Date实例：
var example:Date = new Date(2010, 0, 5, 10, 25);
var formatter:DateFormat = new DateFormat("m/d/Y");
trace(formatter.format(example)); // 显示: 01/05/2010
formatter.mask = "m/d/Y h:i a";
// 显示: 01/05/2010 10:25 am

[b]4.电话格式化[/b] 

<mx:PhoneFormatter id="TelephoneDisplay" formatString="####-########"/>
<mx:Label text="未格式化的电话:{telephone}"/>
<mx:Label text="格式化后的电话:{TelephoneDisplay.format(telephone)}"/>


[b]5.邮编格式化[/b] 

<mx:ZipCodeFormatter id="ZipCodeDisplay" formatString="#####"/>
<mx:Label text="北美标准的邮编:{ZipCodeDisplay.format(ZipCode)}"/>



[b]6.正则表达式[/b] 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Style source="OSX.css"/>
	<mx:Script>
		<![CDATA[
			import mx.utils.StringUtil;//引用StringUtil类
			import mx.controls.Alert;//引用Alert类

			private var regExp_Username:RegExp=/\w+/;//定义对用户名验证的正则表达式
			private var regExp_Password:RegExp=/[a-z0-9A-Z]+/;//定义对密码验证的正则表达式
			private var regExp_Email:RegExp=/[a-z0-9A-Z]+@[a-z0-9A-Z]+(\.[a-z0-9A-Z]+)+/;//定义对Email验证的正则表达式
			private var regExp_Address:RegExp=/\w+/;//定义对地址验证的正则表达式
			private var regExp_Phone:RegExp=/13\d{9}|15\d{9}/;//定义对手机验证的正则表达式

			private var wrongFlag:Boolean=false;//验证错误标识

			private function registerHandle():void//注册处理函数
			{
				wrongFlag=false;//初始化错误标识
				//若用户名或密码为空
				if(StringUtil.trim(txtUsername.text)==""
					||StringUtil.trim(txtPassword.text)==""
					||StringUtil.trim(txtRePassword.text)=="")
					Alert.show("用户名或密码不能为空");
				else
				{
					/*验证用户名*/
					var array_Username:Array=regExp_Username.exec(StringUtil.trim(txtUsername.text));//将匹配正则表达式的结果存于数组中
					//输入的用户名不在验证数组内，表示用户名不合法
					if(wrongFlag==false
						&&(array_Username==null||array_Username.lastIndexOf(StringUtil.trim(txtUsername.text))<0))
						{
							Alert.show("用户名只能由数字、字母、下划线、汉字组成");
							wrongFlag=true;
						}

					/*验证密码*/
					var array_Password:Array=regExp_Password.exec(StringUtil.trim(txtPassword.text));//将匹配正则表达式的结果存于数组中
					//输入的密码不在验证数组内，表示密码不合法
					if(wrongFlag==false
						&&(array_Password==null||array_Password.lastIndexOf(StringUtil.trim(txtPassword.text))<0))
						{
							Alert.show("密码只能由数字、字母组成");
							wrongFlag=true;
						}
					var array_RePassword:Array=regExp_Password.exec(StringUtil.trim(txtRePassword.text));//将匹配正则表达式的结果存于数组中
					//输入的密码不在验证数组内，表示密码不合法
					if(wrongFlag==false
						&&(array_RePassword==null||array_RePassword.lastIndexOf(StringUtil.trim(txtRePassword.text))<0))
						{
							Alert.show("密码只能由数字、字母组成");
							wrongFlag=true;
						}

					/*验证Email*/
					var array_Email:Array=regExp_Email.exec(StringUtil.trim(txtEmail.text));//将匹配正则表达式的结果存于数组中
					//输入的Email不在验证数组内，表示Email不合法
					if(wrongFlag==false&&StringUtil.trim(txtEmail.text)!=""
						&&(array_Email==null||array_Email.lastIndexOf(StringUtil.trim(txtEmail.text))<0))
						{
							Alert.show("Email格式错误，应该形如'sss@aa.com'");
							wrongFlag=true;
						}

					/*验证地址*/
					var array_Address:Array=regExp_Address.exec(StringUtil.trim(txtAddress.text));//将匹配正则表达式的结果存于数组中
					//输入的Email不在验证数组内，表示Email不合法
					if(wrongFlag==false&&StringUtil.trim(txtAddress.text)!=""
						&&(array_Address==null||array_Address.lastIndexOf(StringUtil.trim(txtAddress.text))<0))
						{
							Alert.show("地址只能由数字、字母、下划线、汉字组成");
							wrongFlag=true;
						}

					/*验证手机号*/
					var array_Phone:Array=regExp_Phone.exec(StringUtil.trim(txtPhone.text));//将匹配正则表达式的结果存于数组中
					//输入的手机号不在验证数组内，表示手机号不合法
					if(wrongFlag==false&&StringUtil.trim(txtPhone.text)!=""
						&&(array_Phone==null||array_Phone.lastIndexOf(StringUtil.trim(txtPhone.text))<0))
						{
							Alert.show("手机格式错误，以'13'或'15'开头，后连9位数字");
							wrongFlag=true;
						}

					//若两次密码输入不同
					if(wrongFlag==false
						&&StringUtil.trim(txtPassword.text).toLowerCase()!=StringUtil.trim(txtRePassword.text).toLowerCase())	
						{
							Alert.show("两次密码输入不同");
							wrongFlag=true;
						}

					//注册成功
					if(wrongFlag==false)
						Alert.show("注册成功");
				}
			}	
		]]>
	</mx:Script>
	<mx:Panel title="用户注册" width="369" height="301" x="147.5" y="51" layout="absolute">
		<mx:Label text="用户名" x="35" y="10"/>
		<mx:TextInput x="102" y="9" id="txtUsername"/><!--“用户名”输入框-->
		<mx:Label text="密码" x="35" y="40"/>
		<mx:TextInput x="102" y="39" displayAsPassword="true" id="txtPassword"/><!--“密码”输入框-->
		<mx:Label text="确认密码" x="35" y="70"/>
		<mx:TextInput x="102" y="69" displayAsPassword="true" id="txtRePassword"/><!--“确认密码”输入框-->
		<mx:Label text="Email" x="35" y="124"/>
		<mx:TextInput x="102" y="123" id="txtEmail"/><!--“Email”输入框-->
		<mx:Label text="家庭地址" x="35" y="156"/>
		<mx:TextInput x="102" y="155" id="txtAddress"/><!--“家庭地址”输入框-->
		<mx:Label text="手机" x="35" y="189"/>
		<mx:TextInput x="102" y="188" id="txtPhone"/><!--“手机号”输入框-->
		<mx:Label x="35" y="99" text="以下信息可选" color="#FB1616"/>
		<mx:Button x="111" y="231" label="注册" id="btnRegister" click="registerHandle();"/><!--“注册”按钮-->
	</mx:Panel>
</mx:Application>
iteye_5246
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flex组件之格式化组件实例源码
10-30
本篇文章将深入探讨“flex组件之格式化组件实例源码”，并分析其中包含的7个实例。 首先，格式化组件在Flex中扮演着关键角色，它们主要用于数据的显示和输入格式化。例如，日期、时间、数字和货币等数据类型通常...
Flex 3 代码格式化插件
05-20
Flex 3 代码格式化插件是专门为Adobe Flex 3开发者设计的一款实用工具，它的主要目的是提高代码的可读性和维护性。在Flex 3的开发过程中，代码的整洁和规范至关重要，因为这直接影响到项目的可维护性以及团队成员...
第四章 数字和Math类
祁高攀(full-fledged)的专栏
07-13 1458
 介绍：尽管数字不总是那么惹人们注意，但是也千万不小忽略数字的重要性。数字的种类各种各样，从二进制到十六进制，每种数字的表达形式都有合适的使用环境，比如十六进制一般用来表达RGB颜色，因为通过十六进制的颜色我们就很容易能区分颜色的各个组成部分。    和数字紧密联系的就是数学运算，如果没有数学运算符，flash影片就显得非常的单调和无聊，简单的加合减的操作是一些ActionScript程序
flex代码格式化及代码注释模板
海阔天空
09-11 3400
这一段一直在用flex开发一些组件。打完包，发现里面的代码有点乱，风格以及注释也不统一，因为不是一个人开发的组件。像eclipse开发工具，直接就可以格式化JAVA代码了。太爽了。但是，flex就不行了，需要安装一个插件--FlexFormatter。 flex代码格式化插件安装步骤如下： 1  Flash Builder--》帮助 --》安装新软件. 2 输入： http://flex
Flex常用组件
张晨光老师的播客
03-11 5829
Flex常用组件（上）学习内容Ø Flex组件的分类Ø Flex常用组件的使用。Ø 使用组件处理数据和交互Ø ActionScript3.0和JavaScript交互能力目标Ø 掌握使用各种常用组件搭建用户界面Ø 掌握ActionScript3.0和JavaScript交互方法  本章简介本章主要介绍如何使用Flex组件构建界面。Flex组件可分为可见组件和非可见组件。可见组件用于界面的外观设计，
vscode+prettier插件不能格式化vue3代码
郊眠寺
10-27 709
选择一个合适的技术，可以让你的代码更简洁、更易于维护和更具扩展性。CSS弹性盒子布局和CSS网格布局。两者目前都可以实现比较复杂的响应式布局，但使用哪一个作为最优解，还是需要根据具体的使用情况来探讨的。最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
Flex之数据格式化
Stoneson
12-18 1232
数据格式化是对某些特殊的数据的格式进行规范。例如，日期格式有很多种，可以为“1990-1-2”、“2/1/1990”等。有时数据格式化是必须的，如货币的格式要统一。 格式化组件概述 Flex 3.0中提供了几种常见的数据格式化组件，如DateFormatter、NumberFormatter、PhoneFormatter等。数据格式化组件说明如表19-3所示。 表19-3  Flex 3.0
微信小程序组件化开发
热门推荐
小柯的的博客
08-26 1万+
小程序组件化开发根据组件传值的不同决定显示效果，减少了代码的耦合、有效对代码进行了复用。
flexbuilder安装格式化组件和VSS组件
weixin_30877181的博客
04-25 56
flexbuilder代码格式化通过Help->Eclipse Marketplace搜索flexformatter然后安装；flex builder 3 安装VSS支持文章（验证可行）http://keren.iteye.com/blog/432927 flexbuilder 4.6的VSS组件直接把vss文件夹直接贴进去进行了，我的版本是1.6.1 转载于:https://www.cn...
flex as3开源组件
俊哥
07-06 776
flex项目和组件等open-source project : FlexAdobe APIs 主要包含corelib, mappr, flickr, youtube及加密等类库. http://labs.adobe.com/wiki/index.php/Act
Vue 组件化开发
最新发布
二哈喇子！
07-12 3915
父子组件相互传数据
Flex使用 RemoteObject 组件
纸上得来终觉浅，绝知此事要躬行
05-29 2303
示例 RemoteObject 应用程序 在 ActionScript 中调用 RemoteObject 组件 访问源路径中的 Java 对象 访问 JNDI 中的 EJB 和其它对象 保留的方法名称 ActionScript 和 Java 之间的序列化 使用自定义序列化 可以使用 F
flex 代码格式化
08-31
Flex代码格式化是一种针对使用Adobe Flex框架开发的ActionScript和MXML代码进行美化和整理的过程。Flex是一款强大的开源SDK，用于构建富互联网应用程序（RIA），它允许开发者使用MXML和ActionScript来创建交互式、...
Flex格式化代码工具
10-17
Flex格式化代码工具是一款专为Flex开发者设计的实用软件，旨在帮助他们整理和美化源代码，使其更加整洁、易读。这款工具集成了Flash Builder的功能，可以对ActionScript和MXML代码进行自动化格式化，提高开发效率并...
flex 3 PDF 组件事例
01-15
Flex 3 是 Adobe 开发的一款基于 ActionScript 3.0 的富互联网应用程序（RIA）框架，用于...虽然 Flex 3 已经有些过时，但它的核心理念和技巧——如组件化开发、事件驱动编程等——仍然在现代前端开发中占有重要地位。
Panel标题栏添加按钮
只有准备爆发，才会甘于沉默
09-11 1119
效果图： [img]http://dl.iteye.com/upload/attachment/552869/3e0f9b5f-f335-3723-b052-c8f9de51251a.png[/img]
as3与as2区别浅谈
只有准备爆发，才会甘于沉默
05-28 892
As3与As2变量声明：声明变量的时候如果不加数据类型的话，那么as2中的会默认类型为Object 但在as3中不是这样的，不加数据类型的话，那么该变量就被赋值为未声明的变量类型（untyped）默认值undefinedas3中允许声明变量而不赋值，在这种情况下该变量将被赋予默认值as3中没有long，char 类型数据  添加了uint的数据类型在as3数组中可以创建不同类型的数据放到数组中,由...
flex includeInLayout
只有准备爆发，才会甘于沉默
02-04 471
flex includeInLayout 隐藏是否参与布局 一般设置组件的visible=false;组件的位置还留着 当希望组件隐藏，同时自动布局清空组件的位置； ComponentId.includeInLayout=false; &lt;mx:VBox&gt; &lt;mx:Panel id="p1" title="Panel 1" ...
flex 无法将“<mx:>”解析为组件执行.解决办法：
只有准备爆发，才会甘于沉默
03-09 428
flex项目导入早期版本 无法将“&lt;mx:******&gt;”解析为组件执行.解决办法： 1.导入命名空间：注意：【xmlns:mx1="library://ns.adobe.com/flex/mx"】这个是f3组件的命名控件 &lt;s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns...
使用Flex Builder创建数据可视化应用
3. **数据绑定**：Flex支持数据绑定，这是一种将UI组件与数据模型关联的技术，使得当数据变化时，界面可以自动更新，反之亦然。这对于实时更新的数据可视化非常重要。 4. **数据适配器**：在Flex中，数据适配器用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值