课程索引⑥——梦幻时钟

第一节:有用的数学

  1. 应用中的长度要素:数字标注半径、时针、分针、秒针的长度;

  2. 应用中的角度要素:时针、分针、秒针与正午12点方向之间的夹角;

  3. 角度与时间之间的换算:

  4. 钟表指针的角度在画布坐标系中的计算;

  5. 在画布上写字时基准坐标的位置;

  6. 钟表圆心坐标:保存在全局变量中,不变的变量;

  7. 循环语句:让画布写字,从1到12,每隔30度一个数字;

  8. 全局变量的另类作用:保存常量,可以随时调整常量的值,而不必改动代码。

第二节:画刻度

  1. 编程规范:避免硬编码,将在多处使用的同一个数字保存在变量中,在代码中用变量替代具体数字;

  2. 无返回值过程:使代码具有一定的结构;

  3. 有返回值过程:调用时提供返回值的接收者;

  4. 局部变量:避免重复代码;

  5. 循环:60次,排除有数字的位置(5的倍数)。

第三节:画秒针

  1. 调整文字的位置,减小刻度线的长度;

  2. 计时器:求当前时间对应的秒数;

  3. 过程:画秒针;

  4. 计时事件:调用画秒针过程,并令秒数递增。

第四节:画分针

  1. 在计时事件中清除画布,并重绘数字及刻度;

  2. 计时器:求当前时间对应的分钟数;

  3. 在计时事件中绘制分针——调用画分针过程;

  4. 当秒数=60时,分钟数递增1。

第五节:画时针

  1. 全局变量:时针长度;

  2. 计时器:求当前时间对应的小时数;

  3. 在计时事件中绘制时针——调用画时针过程:

  4. 局部变量:避免重复代码。

(0)

相关推荐

  • 纸上生香——手表

    手表在我们的日常生活中,是一个非常普通的物品.它虽小,零部件却很多.在众多的零部件中,最显眼的要数那光鲜.明媚的秒针.分针和时针了. 秒针是三根针中最勤快的一个,它总是以一秒一步的速度跑步着前进,一点 ...

  • 【余悦】时间的主人——小闹钟

    时间的主人--小闹钟 福清实验小学  二年十班  余悦 指导老师:陈瑜虹 我有一个心爱的小闹钟,它的外表十分可爱,是一只米老鼠.大大的耳朵像"雷达",搜索着来自四面八方的信息.一双 ...

  • 梦幻时钟1:有用的数学

    从本质上讲,这是一个用程序来绘制动画的应用--钟表的指针随着时间的流逝绕着圆心有规律地转动.Roadlab在帮我剪辑这个课程的视频时,提醒我这一课难度有些高,担心有些初学者跟不下来. 他所说的难度主要 ...

  • 梦幻时钟2:画刻度

    本节课的目标是绘制钟表的刻度--将360度的圆周等分为60份,每个刻度对应于秒针的1秒钟.分针的1分钟以及时针的1/5小时. 留心视频中的一个重要概念--"硬编码". 以上创建了两 ...

  • 梦幻时钟3:画秒针

    上节课我们留了一道作业题,刻度线是否不尽人意,如何改进,现在给出答案...... 在"画秒针"过程中只有一个语句,用来实现画布的画线功能,其他代码块都是该过程的参数,即,秒针这条线 ...

  • 梦幻时钟4:画分针

    当屏幕上画满了60个秒针时,世界陷入死寂,虽然时间依然流逝,但屏幕上却看不到秒针的跳动.电脑制作的动画,其实是一种假象,你所看到的指针转动,背后是一次又一次重复的擦除与重复绘制...... 你会发现, ...

  • 梦幻时钟5:画时针

    在第三课『画秒针』中,给大家留了一道思考题,为什么要先画秒针,现在该是我们回答这个问题的时候了,问题的答案是:画秒针最简单! 秒针只要管好它自己就可以了,在计时事件中,一次次重复地擦除与绘制,当转够6 ...

  • 课程索引①——按钮的故事

    第一节:勇往直前 App Inventor编程三部曲--设计.编程.测试: 设计三部曲--添加组件.设置属性.组件命名: 编写程序--在按钮点击事件中设置按钮的属性: 数据类型:文本. 第二节:再想想 ...

  • 课程索引②——向日葵

    第一节:按钮方阵 容器类组件--布局组件: 屏幕(Screen1)的允许滚动属性:允许查看屏幕上的全部组件: 容器中的多个按钮组件,当其宽.高均设为充满时,它们将均分并充满父容器. 第二节:按钮队列 ...

  • 课程索引③——听音练耳

    第一节:移花接木 另存项目:修改新项目不影响原有项目: 删除旧的素材文件,上传音频文件--留心文件的命名: 删除代码:右键菜单删除,或选中代码用"del"键删除: 循环语句:批量设 ...

  • 课程索引④——调色板

    第一节:排兵布阵 标签:命名为"调色板",设高度充满: 水平布局:三个,设宽度充满,垂直对齐居中: 向屏幕添加可视组件时,注意观察放下位置提醒--一个蓝色条状标记: 数字滑动条属性 ...