以一个样例来说明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. C# Delegate 异步调用

    namespace ConsoleApplication22 { /// /// 异步操作 /// /// /// /// //internal Func<int,int,int> int ...

  2. node初步一:HTTP请求

    一. 创建pathtest.js文件 var http= require('http' ); var url= require('url' ); function start (){ function ...

  3. 1.document.write(""); 输出语句

    1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4. ...

  4. WPF内嵌代码和后台代码简单混合使用

    下面实例展示了WPF内嵌代码和后台代码混合使用,一个简单基础的实例: xaml文件: <Window x:Class="WPF内嵌代码和后台代码混合使用.MainWindow" ...

  5. UltraEdit软件破解方法

    一.说明 UltraEdit破解软件虽然带有“安装说明.txt”,但是我并没有弄懂--安装说明太模糊.经过一番摸索,找到了破解方法,现记录于此. 二.操作步骤 1.断开网络 2.安装软件 3.打开软件 ...

  6. bzoj 2049: [Sdoi2008]Cave 洞穴勘测 动态树

    2049: [Sdoi2008]Cave 洞穴勘测 Time Limit: 10 Sec  Memory Limit: 259 MBSubmit: 3119  Solved: 1399[Submit] ...

  7. tyvj 1342 教主泡嫦娥 环上DP

    342 教主泡嫦娥 时间: 1000ms / 空间: 131072KiB / Java类名: Main 背景 2012年12月21日下午3点14分35秒,全世界各国的总统以及领导人都已经汇聚在中国的方 ...

  8. spoj 4487. Can you answer these queries VI (gss6) splay 常数优化

    4487. Can you answer these queries VI Problem code: GSS6 Given a sequence A of N (N <= 100000) in ...

  9. Hadoop上结合opencv\javacv

    mac上安装opencv 1. 去 http://opencv.org 下载最新版OpenCV for Linux/Mac源文件,目前版本是2.4.3.下载后解压.2. 去 http://www.cm ...

  10. android 通过eclipse混淆代码 打包 + proguard 总结

    android应用程序的混淆打包 1 . 在工程文件project.properties中加入下proguard.config=proguard.cfg , 如下所示: target=android- ...