以一个样例来说明ActionScript3.0对舞台组件的增删改查

例如以下图:

在Flash执行的时候,通过脚本。斜向下生成text0-text9十个文本节点。

提供两个功能。

1、在右上角,用户输入要删除的节点,点击“删除”之后,而删除对应的文本节点。

2、在下方,用户输入要移动的节点。然后输入合法的X与Y,则能够把节点移动到对应的地方。

一、基本布局

1、首先新建一个ActionScript3.0的Flash文件。

之后如同《【ActionScript】ActionScript3.0的Helloworld》(点击打开链接)一样。使用Ctrl+F7打开组件面板。之后,使用Flash提供的组件,布置出例如以下图的布局。

各个组件设置如同“移动”、“删除”等如图所看到的的text。把组件拖放到如图所看到的的位置。

命名好如图所看到的的实例名字。

当中text为“输入要移动的节点:text”、“输入要删除的节点:text”这两个Label不用设置实例名称,由于这两个Label是静态的,不打算通过脚本控制。

为了好看。Label组件autoSize属性设置为Center。

关键对TextInput输入框的属性设置,Edit1,Edit2这两个输入框。最大字符maxChars为1,输入的正則表達式restrict设置为[0-9]。意为仅同意输入一个数字,两个配合起来就是仅仅同意输入1到9。Edit3与Edit4的最大字符maxChars为3,输入的正則表達式restrict设置为[0-9]+,意为仅同意输入数字,两个配合起来就是仅仅同意输入1-3为数字。

这样就能够防止用户输入奇奇怪怪的东西了。

正則表達式是通用的。在《【JavaScript】利用正則表達式检查输入框输入的是否为网址》(点击打开链接)已经说过了。

二、脚本编程

之后就能够通过脚本编程了,在时间轴对第1帧右键,打开动作面板,输入例如以下脚本:

import flash.text.TextField;

var textFieldArr=new Array(10);//创建一个专门存放textField的数组
for(var i:int=0;i<10;i++){//循环生成10个TextField
textFieldArr[i]=new TextField();
textFieldArr[i].name="text"+i;//设置TextField的实例名称,内文本。X与Y等
textFieldArr[i].text="text"+i;
textFieldArr[i].x=20*i;
textFieldArr[i].y=20*i;
addChild(textFieldArr[i]);//加入到舞台。
} //Button1的点击事件
Button1.addEventListener("click",function(){
var Node=getChildByName("text"+Edit1.text);//获取用户输入的文本。并查找这个节点
if(Node){//假设找到的话。才删除
removeChild(Node);//假设找不到,你还是要Flash删除。会报错。这个函数建立在存在这个节点之上
}
}); //Button2的点击事件
Button2.addEventListener("click",function(){
var Node=getChildByName("text"+Edit2.text);
if(Node){//相同是找这个节点。推断是否存在这个节点
var moveFlag=true;
var errMsg="";
if(Number(Edit3.text)>500){//还要先推断用户输入的坐标是否过大,由于我们的舞台大小仅为550x400
errMsg+="x不得大于500!";
moveFlag=false;
}
if(Number(Edit4.text)>300){
errMsg+="y不得大于300! ";
moveFlag=false;
}
if(Number(Edit3.text)<1){
errMsg+="x不得少于1!";
moveFlag=false;
}
if(Number(Edit4.text)<1){
errMsg+="y不得少于1。";
moveFlag=false;
}
if(moveFlag){//假设输入合法,则移动节点。实质就是改动其X与Y
Node.x=Edit3.text;
Node.y=Edit4.text;
}
else{//否则,在Label1输出错误信息
Label1.text=errMsg;
}
}
});

能够看到,ActionScript3.0对舞台组件的增删改查的核心语句是addChild、removeChild、getChildByName,与《【JavaScript】网页节点的增删改查》(点击打开链接)一样。能查就能改。

【ActionScript】ActionScript3.0对舞台组件的增删改查的更多相关文章

  1. 模拟admin组件自己开发stark组件之增删改查

    增删改查,针对视图 我们需要modelform来创建,可自动生成标签,我们还要考虑用户是不是自己定制,依然解决方法是,继承和重写 app01下的joker.py文件 class BookModelFo ...

  2. Spring4.0+Hibernate4.0+Struts2.3整合包括增删改查案例,解决整合中出现的异常

    源码下载:http://download.csdn.net/detail/cmcc_1234/7034775 ======================Application.xml======== ...

  3. mysql5.0.x统计每秒增删改查替换数及系统每秒磁盘IO

    转载自:http://blog.chinaunix.net/uid-9370128-id-393082.html 1. mysql 5.0.x 统计每秒增,删,改,查,替换数  mysql 的show ...

  4. yii2.0中数据缓存之增删改查

    public function actionSss(){ /* * 获取到缓存 * 这里是获取的是根目录下 的common/main.php中的缓存类组件 * */ $cache=\Yii::$app ...

  5. VUE2.0增删改查附编辑添加model(弹框)组件共用

    Vue实战篇(增删改查附编辑添加model(弹框)组件共用) 前言 最近一直在学习Vue,发现一份crud不错的源码 预览链接 https://taylorchen709.github.io/vue- ...

  6. koa+mysql实现增删改查-全栈之路(001)

    Date: 2020-4-23 以前很少写文章,从今天开始我要挑战一下自己,连续输出100篇技术类文章.这100篇文章我尽量以实战案例为主. 如果你觉得本文还不错,记得关注或者给个 star,你们的赞 ...

  7. JS组件系列——又一款MVVM组件:Vue(一:30分钟搞定前端增删改查)

    前言:关于Vue框架,好几个月之前就听说过,了解一项新技术之后,总是处于观望状态,一直在犹豫要不要系统学习下.正好最近有点空,就去官网了解了下,看上去还不错的一个组件,就抽空研究了下.最近园子里vue ...

  8. JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(一)

    前言:出于某种原因,需要学习下Knockout.js,这个组件很早前听说过,但一直没尝试使用,这两天学习了下,觉得它真心不错,双向绑定的机制简直太爽了.今天打算结合bootstrapTable和Kno ...

  9. JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(四):自定义T4模板快速生成页面

    前言:上篇介绍了下ko增删改查的封装,确实节省了大量的js代码.博主是一个喜欢偷懒的人,总觉得这些基础的增删改查效果能不能通过一个什么工具直接生成页面效果,啥代码都不用写了,那该多爽.于是研究了下T4 ...

随机推荐

  1. Day22 JSONP、瀑布流

    一.JSONP JSONP a.Ajax $.ajax({ url:'/index/', dataType:'json', data:{}, type:'GET', success:function( ...

  2. Apache .htaccess Rewrite解决问号匹配的写法

    如news.asp?id=123 需要把它定向到 news/123.html 这个用 RewriteRule 怎么写啊? RewriteRule ^news\.asp\?id=(\d+)$ news/ ...

  3. Multilingual App Toolkit v2.2 release

    Multilingual App Toolkit v2.2 release Today we released Multilingual App Toolkit v2.2. This release ...

  4. 外包如何安排人手-b

    前几天跟一位做人事的朋友聊天,说起软件行业人员问题.朋友的公司是做软件外包的.一个APP项目基本配置6-7个人,每个Android.ios.后台都各配2人以上,但是项目各种超期.各种无法交付.各种客户 ...

  5. IIs工作原理

    http://www.cnblogs.com/szhy222/archive/2008/07/14/1242576.html 问题: HTTP.SYS 的内置驱动程序 IIS 工作者进程

  6. html5自定义标签选择器

    * E[attr]:只使用属性名,但没有确定任何属性值 * E[attr="value"]:指定属性名,并指定了该属性的属性值.必须和元素的属性完全匹配 * E[attr~=&qu ...

  7. Android SectionIndexer 的使用(联系人分类索引)

    // 获取标题栏索引 int position = sectionIndexter.getPositionForSection(l[idx]); ) { return true; } // 设置调整到 ...

  8. 【HDOJ】2782 The Worm Turns

    DFS. /* 2782 */ #include <iostream> #include <queue> #include <cstdio> #include &l ...

  9. nodejs之日志管理

    开发一个项目时,可以通过控制台输出或者debug来获取到项目的运行信息.当项目上线时,我们就需要通过日志来分析.如同Java的log4j,nodejs中也有相关的log4js.使用过log4j的同学应 ...

  10. Traffic Manager:Azure中国版 正式发布

     我们很高兴地宣布Azure Traffic Manager 现已面向中国版Azure正式发布.此版本现已投入生产,由企业 SLA支持,随时可用于生产场景中. 借助Azure Traffic Ma ...