以一个样例来说明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. 复制档案或目录 linux cp命令详解

    cp (复制档案或目录) [root@linux ~]# cp [-adfilprsu] 来源档(source) 目的檔(destination)[root@linux ~]# cp [options ...

  2. PM【terminal】

    More Knowledge More Performance More Time 资料模组化 以知识管理为基础的项目管理 规范:ethic

  3. PyQt5创建第一个窗体(正规套路)

    一.Pyqt5 创建第一个窗体 很多人写窗体程序都是直接敲代码,不使用设计器,我个人不是很赞成这种做法.使用设计器的好处是直观.维护方便,尤其开发复杂窗体的效率高. 但是每次修改ui文件后,需要重新生 ...

  4. Log4Net配置注意点

    log4Net的配置文章一搜一大把,配置使用还是有一些点花费了很多时间,这里整理一下,添上坑,让Developer走的更稳. 编程式配置路径 新建一个配置文件,通过写代码来动态加载log4Net的配置 ...

  5. c# 把 颜色值Hex 转换为 Color

    原文: http://abujj.me/archives/695 Assuming you mean the HTML type RGB codes (called Hex codes, such a ...

  6. python中使用kazoo连接zookeeper(一)

    http://hi.baidu.com/eldersun/item/b9266e019da769f0f45ba6a4 python下连接zookeeper使用最多的是python 包装的zookeep ...

  7. The Glorious Karlutka River =)

    sgu438:http://acm.sgu.ru/problem.php?contest=0&problem=438 题意:有一条东西向流淌的河,宽为 W,河中有 N 块石头,每块石头的坐标( ...

  8. [topcoder]UnsealTheSafe

    http://community.topcoder.com/stat?c=problem_statement&pm=4471&rd=10711 这题果然是道简单题,图+DP.拿道题便觉 ...

  9. View的getLeft, getRight, getTop, getBottom

    View的getLeft, getRight, getTop, getBottom方法得到的分别是相对于其父组件原点坐标不同方向的距离 网上找了张图说明: 其中right和left的计算方法如下: r ...

  10. 《Apache Spark源码剖析》

    Spark Contributor,Databricks工程师连城,华为大数据平台开发部部长陈亮,网易杭州研究院副院长汪源,TalkingData首席数据科学家张夏天联袂力荐1.本书全面.系统地介绍了 ...