Axure项目实战:智慧城市APP(二)(动态面板叠加、移动、倒计时等高级交互)

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:智慧城市APP便民服务平台

主要内容:社保查询功能页

应用场景:大多数鉴权应用、政务查询类、业务流均可参照本节课

案例展示:


正文内容:

社保查询模块涉及到人脸识别功能调用,判断登录两个前置条件;在功能上包含基本信息,社保缴纳查询,从整体逻辑上先做每个页面的内容,鉴权、人脸最后在做。以下为制作过程:

图11接上节课的顺序

图12

图13

图14

图15

图16

图17

两个动态面板均设置成载入时隐藏,由点击元件来触发显示;

下面制作功能鉴权,因为使用社保功能需要判断用户是否登录,以及需要通过人脸验证确保是本人使用,方可查询,所以我们要前置判断条件;

具体步骤:总体思路------创建登录弹窗------登录成功后调起人脸验证

  1. 登录弹窗

图18

2、人脸须知弹窗

图19

3、人脸验证

图20

人脸须知页面和验证页面均使用移动功能(登录页的确认、以及下一步来触发移动)嵌入到当前页面中,每一个实现后即隐藏之前的页面(热区在触发结束后也需要隐藏);

本课小结:业务流程不复杂,重点在逻辑验证,以及动态面板中嵌入第二个动态面板,由动态面板的State123来支撑不同选择情况下,不同内容的显示;考验的是针对动态面板的掌握程度。本节课涉及到的基础知识点下边有直通车,不熟悉的可以去学习一下。


相关课程直通车:

Axure常用交互效果四------移动效果_axture-CSDN博客

Axure常用交互设计一------选中效果_axure怎么设置选中显示-CSDN博客

Axure重要元件一------动态面板_axure面板-CSDN博客

如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!

相关推荐
小龙报1 小时前
【Coze-AI智能体平台】低代码省时高效:Coze 应用开发全流程指南
java·人工智能·python·深度学习·低代码·chatgpt·交互
qq_454245032 小时前
从 UI 操作到环境交互:一种通用元命令自动化协议的设计与意义
人工智能·ui·自动化·交互
拉里呱唧2 小时前
一个像在使用PPT的在线 HTML 编辑器:HeyHTML
javascript·交互·html5
lpfasd1231 天前
Playwright 网页自动化交互:滑块安全校验优雅处理方案
运维·自动化·交互
Ulyanov1 天前
《现代 Python 桌面应用架构实战:PySide6 + QML 从入门到工程化》:实时时钟与数据驱动 UI —— 从“事件回调”到“状态绑定”的范式跃迁
开发语言·python·qt·ui·架构·交互
cy_cy0022 天前
互动滑轨屏如何优化参观动线?
科技·3d·人机交互·交互·软件构建
咬人喵喵2 天前
五一劳动节 SVG 交互图文案例大全
低代码·微信·编辑器·交互·svg
Gary Studio2 天前
自定义 Android 系统服务与 HAL 交互全流程指南
android·交互
PNP机器人3 天前
Kinova双臂柔顺控制新方案|牛津开源双域阻抗控制器精准装配 + 安全交互一键实现
安全·交互·kinova机械臂·技术论文
阿满aman3 天前
Claude+DeepSeekv4pro网络信息搜索报告
人工智能·功能测试·搜索引擎·交互