当前课程知识点:移动快速应用开发 > 第五章 我的绘图板 > 精灵画圆 > 精灵画圆
下面我们来实现精灵画圆
当我们点击精灵画圆按钮之后
我们希望在我们画布中会出现球形精灵
那么首先我们需要将球形精灵可见性给展示出来
我们设置按钮1
被点击时产生的事件
在其中设置我们的球形精灵的可见性
为启用
这样当我们点击精灵画圆时
我们的小球就会显示
第二
我们要设置球形精灵的定时随机移动
下面大家和我一起来看一下我做的一个
word文档
球形精灵在画布的位置是由它的坐标决定的
那么我们的画布坐标系原点
(0,0)是在我们的左上角
球形精灵的X坐标为最左端
离画布左边距的B点的X坐标
Y坐标为最上方
离画布上边距的像素点
a点的Y坐标
如果球形精灵的坐标为(0,0)
则如我们下图所示
如果希望球形精灵在画布上都能保持完整
需要注意小球不能有部分超出画布边界
可以通过设置限制小球的坐标取值范围来实现
只要小球的X坐标取值区间为零到画布
宽度减去小球直径
y坐标的取值范围
为零到画布高度
减去小球直径就能达到要求
小球的定时移动需要响应
计时器的计时事件
并且调用球形精灵的移动到指定位置过程
首先我们点击计时器
调用计时器的计时事件
接着我们在调用球形精灵的移动指定位置过程
下面我们就要设置X和Y两个坐标
那么我们需要将它定位为0
到我们的画布减去小球直径
点击数学
选择随机指数从1到100
当然在这里我们要进行修改
整数从0 将100去掉
设置一个公式
调用减法
将被减数设置为画布的宽度
将减数设置为球形精灵的半径乘二
还是要调用数学中的乘法
接着我们将模块进行复制
y坐标就设置为画布的高度
减去球形精灵的半径乘2
第三步
我们要实现球形精灵被触碰后进行画圆
我们需要响应球形精灵的被触碰事件
在被触碰事件中
我们调用画布的画圆过程就可以了
设置圆心点
违背触碰的X坐标
设置圆心外围
被触碰的Y坐标
半径我们设置为四十
填充我们设置为真
这样我们就实现了
球形精灵的画圆
手指作画和画圆功能完毕
下节课我们将实现清屏和保存功能
感谢大家观看
再见
-App Inventor简介
-第一个应用-喵喵叫的小猫
--喵喵叫的小猫
-App Inventor的调试方法
-作业--作业
-拓展练习
-石头剪刀布界面设计
-选择结构
--选择结构
-组件介绍
--组件介绍
-石头剪刀布逻辑设计
-作业--作业
-计算器的界面设计
--计算器的界面设计
-过程的定义
--过程的定义
-实现整数运算的计算器
-带小数点的计算器
--带小数点的计算器
-代码测试
--代码测试
-作业--作业
-我的词典界面设计
--我的词典界面设计
-语言翻译
--语言翻译
-文字朗读
--文字朗读
-语音识别
--语音识别
-作业--作业
-绘图板界面设计
--绘图板界面设计
-手指作画
--手指作画
-精灵画圆
--精灵画圆
-绘图的保存
--绘图的保存
-作业--作业
-社交应用界面设计
--社交应用界面设计
-拨号并收发短信
--拨号并收发短信
-短信的分类保存
--短信的分类保存
-短信的选择与删除
--短信的选择与删除
-作业--作业
-条码扫描器
--条码扫描器
-申请Web-API的步骤和调试方法
-Web客户端
--Web客户端
-JSON格式数据的解析方法
-扫码识物
--扫码识物1
--扫码识物2
-作业--作业
-人工智能技术介绍
--人工智能技术介绍
-扫描仪界面设计
--扫描仪界面设计
-百度AI 函数介绍
-扫描仪的代码实现
--扫描仪的代码实现
-作业--作业
-拓展练习