AS3基础教程-第48课-简易计算器(1)

1、打开flashCS6软件，新建AS3的flash文档，马上保存，文件名设为48.fla

2、将图层1重命名为btn，我们在本层内添加几个按钮，包括：<1>0到9共10个数字按钮和小数点<2&爿讥旌护gt;+-×÷共4个四则运算的运算符<3>清空文本框按钮（AC）<4>等于号按钮从公用库内，选择一个自己喜欢的系列，拖出4个不同颜色的到舞台上。我这里选择的是Ovals系列

3、.新建一个图层，命名为txt,本层内要添加各种文本：<1>静态文本。包含步骤2内阐述的四类按钮上的文字<2>动态文本。用于显示输入的数字以及运算结果的。属性面板内设置为“使用设备字体”、设置实例名为xianshi_text

4、回到btn图层，<1>选中第一个按钮，在属性面板内调整其宽高为合适大小，设置实例名为btn<2>然后，按住Alt键不放，拖动舞台上的这个按钮到另一个位置，松开鼠标，就可以复制出一个一模一样的按钮<3>重复步骤<2>，将所有的按钮都复制出来<4>同理，将其余三个系列的按钮也如法炮制，只不过第一步的时候，将实例名都设为_btn

5、接下来，给各个按钮重新设置实例名。步骤4内的殂翼瑟擀实例名是为了本步骤做铺垫的。有了步骤4的设定，本步就比较简单了<1>10个数字按钮和小数点的实例名依次是btn0 btn1 btn2 btn3 btn4 btn5 btn6 btn7 btn8 btn9 btndian<2>四则运算的实例名依次是jia_btn jian_btn cheng_btn chu_btn<3>AC按钮的实例名是 ac_btn<4>等于号按钮的实例名是dengyu_btn

6、然后，给动态文本框设置一个背景，让观众能清楚的看到数字的位置。新建一个图层，命名为bg使用矩形工具，边框色设为黑色、填充色设为淡蓝色，在舞台上拖出一个恰好能覆盖住动态文本框的长方形

7、至此，前期工作搞定。通过界面的设计，大家也能看出来，本计算机实现的只是最基本的计算功能，所以，教程名为“简易计算器”。但并不意味着代码很简单，这里的“简易”只是实现的功能比较简单，代码的编写过程还是比较复杂的，会运用到前面章节学习的很多内容，望大家耐心阅读。