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 小时前
智慧城市综合运营管理系统Axure原型
智慧城市·axure
人类群星闪耀时1 天前
5G + AR:让增强现实真正“实时交互”起来
5g·ar·交互
2401_831943321 天前
Element Plus对话框(ElDialog)全面指南:打造灵活弹窗交互
前端·vue.js·交互
超周到的程序员1 天前
大模型项目:普通蓝牙音响接入DeepSeek,解锁语音交互新玩法
交互
Blossom.1182 天前
《从零开始:构建你的第一个区块链应用》
人工智能·驱动开发·python·深度学习·区块链·aigc·交互
passionSnail2 天前
《用MATLAB玩转游戏开发:从零开始打造你的数字乐园》基础篇(2D图形交互)-《打砖块:向量反射与实时物理模拟》MATLAB教程
开发语言·matlab·交互
南玖yy2 天前
内存安全暗战:从 CVE-2025-21298 看 C 语言防御体系的范式革命
c语言·开发语言·人工智能·struts·安全·架构·交互
passionSnail2 天前
《用MATLAB玩转游戏开发:从零开始打造你的数字乐园》基础篇(2D图形交互)-俄罗斯方块:用旋转矩阵打造经典
算法·matlab·矩阵·游戏程序·交互
每次的天空3 天前
移动应用开发:自定义 View 处理大量数据的性能与交互优化方案
android·java·学习·交互
一起喝芬达20103 天前
A2A与MCP定义下,User,Agent,api(tool)间的交互流程图
流程图·交互·agent