🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 条件判断 条件判断即通过一个物体的属性条件,判断物体行为是否执行。 * * * * * 如下图,点击在“舞台”上添加一个矩形 ![](https://box.kancloud.cn/4d419d8748cca0104d451df3cdc3a1ab_800x580.png) 为矩形添加两个行为: “跳转下一页”:“动画播放控制”→“下一页”→触发条件:“点击” “禁止翻页”:“动画播放控制”→“禁止翻页”→触发条件:“出现” ![](https://box.kancloud.cn/b664789ab254b80b9649e43ed7329bf9_800x558.png) 新建下一页,为便于识别,在下一页中添加一张背景图片素材。 ![](https://box.kancloud.cn/90bdb3257e19c9885402a3e1105956e0_800x560.png) 回到上一页,新建一个输入框,为其命名为“判断” ![](https://box.kancloud.cn/46bf228555549b09de7605836cd221e2_800x458.png) 点击回到矩形的“编辑行为”对话框中,点击“下一页”行为的“编辑”按钮 ![](https://box.kancloud.cn/dfd3f5224098eafa5fa87b2c44eba972_800x461.png) 在弹出的“参数”对话框中设置“执行条件”为“检查元素状态” 元素名称:“判断” 考察属性:“文本取值” 逻辑条件:“等于” 参考值:“100” 即设置了当“判断”输入框内容等于100时,点击矩形跳转到下一页的行为,可点击“预览”观察效果 ![](https://box.kancloud.cn/fd244ca1c02bbdbbfc67b8ce7351520c_800x459.png) 如下图,删除输入框,添加一个圆形,将其命名为“圆判断” ![](https://box.kancloud.cn/48ea8ea2f3f9ca4e9cf3c9defda9cc92_800x461.png) 同理回到矩形的“下一页”行为的“参数”对话框 设置“执行条件”为“检查元素状态” 元素名称:“圆判断” 考察属性:“左” 逻辑条件:“不等于” 参考值:“30” 即设置了当“圆判断”圆形左值不等于30时,点击矩形跳转下一页的行为 ![](https://box.kancloud.cn/04d348a1d4e10f26d03d990666749dd5_800x462.png) 点击“预览”观察效果,如下图,此时“圆判断”的左值为“29”,即不等于30,因此点击矩形即会跳转至下一页 ![](https://box.kancloud.cn/2c7db1c71ceb962fe6f409751dcf8ac0_800x458.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.8/3.8.6.mp4