flash怎么设计显示时间的电子表?

  发布时间:2017-05-27 15:54:22   作者:佚名   我要评论
flash怎么设计显示时间的电子表?想要制作一个数字电子表,显示精确到时分秒,该怎么绘制呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下

​如下图所示 这是我做的一个电子表,他可以每秒更新一次时间,实现动态的更新时间效果。其实方法还是比较简单的,新手也能够理解这个原理,为了让大家能够理解每个代码的原理,我详细的介绍额各个代码的作用和实现过程。

1、打开flash,先用矩形工具,绘制一个矩形,作为一个电子表的背景

2、​使用文字工具,绘制一个动态文本框,如图所示​

3、​打开属性面板,设置实例名称为time_text,设置字体和大小,将颜色设置为灰色​

4、​选中第一个图层的第一帧,按下F9,打开动作面板​

5、​先定义几个变量,rightNow变量获得现在的时间,hour、minutes、seconds分别获得小时分钟和秒,最后是AM和PM用PA变量来定义​

6、​对各个变量的格式进行转换,秒和分钟要转换为两位的数字​,小时要转换成12小时,并且通过现在的小时数知道现在是上午还是下午。

7、​最后将我们获得的时间呈现到舞台上,其中time_text就是刚才定义的文本框​

8、​当下的时间是能够展现出来了,但是我们怎么让表走起来,动态显示时间呢?很简单,我们使用setInternal函数,将代码每1秒钟调用一次,这样就能够显示钟表的动态了。如图所示,下面的大方块中是上面写的代码,将这些代码都定义到present函数中,然后调用函数present​

9、​这是最后的效果:​

相关推荐:

flash怎么画彩色同心圆?

Flash怎么画一个灰色的小老鼠?

flash怎么制作指示箭头的动画?

相关文章

  • flash怎么制作不断变换的的绚丽花环动画?

    flash怎么制作不断变换的的绚丽花环动画?flash中绘制了漂亮的花环,想要制作不断变换的动画,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-02-15
  • FLASH中怎么制作压下弹起弹簧的动画?

    FLASH中怎么制作压下弹起弹簧的动画?flash中想要制作一个弹起压下的弹簧动画,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-02-15
  • flash cs5怎么利用旋转图形绘制创意图形?

    flash cs5怎么利用旋转图形绘制创意图形?flash中想要绘制漂亮的图形,该怎么通过旋转图形来获得呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-02-15
  • flash怎么制作按钮控制的小游戏?

    flash怎么制作按钮控制的小游戏?flash中想要制作一个通过按钮随机选择人物类型,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-02-15
  • flash cs4图片切换效果怎么制作?

    flash cs4图片切换效果怎么制作?flash cs4中制作动画很简单,想要歌i图片添加一些动画效果,该怎么设置?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-02-15
  • flash 8怎么使用对象绘制功能? flash绘制折叠不粘连图案的教程

    flash 8怎么使用对象绘制功能?flash 8中绘制图形需要使用对象绘制功能,该怎么使用这个功能绘制折叠不粘连图案呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-02-14
  • flash cs4怎么制作按钮点击变色的动画效果?

    flash cs4怎么制作按钮点击变色的动画效果?想要给按钮制作一个动态效果,当鼠标点击按钮变色并显示文字,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友
    2017-02-14
  • flash怎么分离文本? flash将文字转换为形状的教程

    flash怎么分离文本?flash中输入的文字在一个图层,没办法一个字一个字的操作,想要分离文本,可以直线单个文字操作,下面我们就来看看flash将文字转换为形状的教程,需要
    2017-02-13
  • flash标尺在哪? flash使用标尺的基础知识

    flash标尺在哪?flash中绘制图形的时候,需要度量的东西,这时候我们就可以使用标尺,该怎么使用标尺呢?下面我们就来看看flash使用标尺的基础知识,需要的朋友可以参考下
    2017-02-13
  • flash线条怎么改变形状?

    flash线条怎么改变形状?flash中使用多角星星工具绘制了图形,绘制好了以后想要调整线条,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-02-13

最新评论