如 风 课 件

专注于flash+课件

 
« 上一篇: Label组件的应用 下一篇: CheckBox 组件(二) »
网事如风 @ 2009-08-03 15:00

 

 

CheckBox 组件

   CheckBox 组件是一个可以选中或取消选中的方框。当它被选中后,框中会出现一个复选标记。

CheckBox 参数

可以在“属性”检查器或“组件”检查器中为每个 CheckBox 组件实例设置以下创作参数

labellabelPlacement selected。其中每个参数都有对应的同名 ActionScript 属性。

参数说明:

label 设置复选框上文本的值;默认值为 Label

labelPlacement 确定复选框上标签文本的方向。 该参数可以是下列四个值之一: left righttop bottom;默认值为 right

selected 将复选框的初始值设置为选中 (true) 或取消选中 (false)。默认值为 false

1:从库中导入复选框

将一个 CheckBox 组件拖到场景中并删除,这样在库中就有一个 CheckBox 组件。

然后点场景中第一帧。写入下列脚本。

import fl.controls.CheckBox;

var cb:CheckBox=new CheckBox();

addChild(cb);

cb.label="这是复选框组件";

cb.move(100,100);

回车测试。一个复选框显示在场景中

 

 

2 :用复选框组件和按纽组件做一个多选题应用实例。

1.       为了减少脚本输入量,这里直接将四个CheckBox组件,一个Button,二个Label组件拉入舞台。放在合适的位置。并分别取实例名。示意图如下:(其中红色部分为对应元件的实例名)

 

 新建一层。输入 如下代码:

sub_btn.addEventListener (MouseEvent.CLICK,c);

function c (e)

{

       if (A.selected && B.selected&&!C.selected &&!D.selected )

       {

              ts.text = "OK";

       }

       else

       {

              ts.text = "NO";

       }

}

3.测试你的影片。

 

3. 复选框组件看古诗

1.拖放三个CheckBox 组件放置于舞台左侧均匀排列。并将它们的Label属性分别改为:《静夜思》,《春晓》,《登鹳雀楼》。从上到下三个组件的实例名分别为:cb1,cb2,cb3

2.新建一层,加入如下代码:

var txt:TextField=new TextField();

addChild (txt);

txt.width = 200;

txt.height = 300;

txt.x = 150;

txt.y = 10;

var s1:String = "\n《静夜思》\n李白\n床前明月光,疑是地上霜。\n举头望明月,低头思故乡?\n";

var s2:String = "\n《春晓》\n孟浩然\n春眠不觉晓,处处闻啼鸟。\n夜来风雨声,花落知多少。\n";

var s3:String = "\n《登鹳雀楼》\n王之涣\n白日依山尽,黄河入海流。\n欲穷千里目,更上一层楼。\n";

txt.background = true;//有背景填充

txt.backgroundColor = 0xffcc99;//背景颜色

txt.borderColor = 0x66cc33;//边框颜色

txt.border = true;
txt.filters=[new BevelFilter()]

cb1.addEventListener (MouseEvent.CLICK,clickF);

cb2.addEventListener (MouseEvent.CLICK,clickF);

cb3.addEventListener (MouseEvent.CLICK,clickF);

function clickF (e)

{

       txt.text = "";

 

       if (cb1.selected == true)

       {

              txt.appendText (s1);

       }

 

       if (cb2.selected == true)

       {

              txt.appendText (s2);

       }

       if (cb3.selected == true)

       {

              txt.appendText (s3);

       }

 

       //appendText newText 参数指定的字符串追加到文本字段的文本的末尾。

 

}

3.测试你的影片。




4.完善了上面的效果:加了一个timer类出现一个打字效果:

var tf:TextFormat=new TextFormat();
tf.size = 18;
tf.color = 0xff0000;
cb1.setStyle ("textFormat",tf);
cb2.setStyle ("textFormat",tf);
cb3.setStyle ("textFormat",tf);
var txt:TextField=new TextField();
addChild (txt);
txt.x = 200;
txt.y = 50;
txt.width = 250;
txt.height = 350;
txt.background = true;
txt.border = true;
txt.multiline=true
//txt.autoSize="center"
cb1.width = cb2.width = cb3.width = 130;
txt.borderColor = 0xff0000;
txt.filters=[new BevelFilter()];
txt.backgroundColor = 0xffcc99;
txt.defaultTextFormat = tf;
var s1:String = "\n      《静夜思》\n           李白\n床前明月光,疑是地上霜。\n举头望明月,低头思故乡?\n";
var s2:String = "\n      《春晓》\n             孟浩然\n春眠不觉晓,处处闻啼鸟。\n夜来风雨声,花落知多少。\n";
var s3:String = "\n      《登鹳雀楼》\n         王之涣\n白日依山尽,黄河入海流。\n欲穷千里目,更上一层楼。\n";
cb1.addEventListener (MouseEvent.CLICK,clickF);
cb2.addEventListener (MouseEvent.CLICK,clickF);
cb3.addEventListener (MouseEvent.CLICK,clickF);
var timer:Timer = new Timer(200,0);
timer.addEventListener (TimerEvent.TIMER,dazi);

function clickF (e)
{
 e.target.mouseEnabled = false;

 timer.start ();

}
var i:int = 0;
var j:int = 0;
var k:int = 0;
function dazi (e)
{


 if (cb1.selected)
 {
  txt.appendText (s1.substr(i,1));
  i++;
  if (e.target.currentCount >= s1.length)
  {

   timer.reset ();


  }
 }

 if (cb2.selected)
 {
  txt.appendText (s2.substr(j,1));
  j++;
  if (e.target.currentCount >= s2.length)
  {

   timer.reset ();


  }
 }

 if (cb3.selected)
 {
  txt.appendText (s3.substr(k,1));
  k++;
  if (e.target.currentCount >= s3.length)
  {

   timer.reset ();

  }
 }
}



评论 / 个人网页 / 扔小纸条
*昵称

已经注册过? 请登录

Email
网址
*评论
 


 
网志分类
所有网志 (8)
日 历

站内搜索
友情链接
· 我的歪酷

订阅 RSS

0001005

歪酷博客