Axure设置面板状态——元件动作二

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!因为有事断更了三天,从今天开始又回来了,继续为大家分享Axure相关知识点。

课程主题:设置面板状态

主要内容:State状态、推动和拉动

应用场景:Banner图切换、滚动屏、元件显隐交互

案例展示:

设置面板状态


正文内容:

步骤一:拖入动态面板,双击打开------State1.2.3分别拖入一个便签

步骤二:拖入图片和按钮,完成案例的基本素材准备

步骤三:添加交互,选中动态面板,单击时------设置面板

步骤四:案例中,每次点击动态面板,在State1,2,3状态间切换,那么实现上就是单击时------状态选择是下一项(向后循环),因为每次点击都要切换其他状态;

步骤五:案例中,每次单击动态面板,下方的图片会显示出来,而且按钮也会上下移动,那么就说明图片载入的时候是隐藏的,而按钮的移动是随着图片的显隐而动;所以我们的交互设计是:单击时------切换------图片------推动和拉动下方元件

最后设置一下载入时隐藏图片拉动下方元件,收工!

本课小结:理解和掌握设置面板元件动作,设置面板是对面板状态的调整(State)、状态间切换的动画,以及是否作用其他元件;


相关课程直通车:

Axure显示与隐藏------元件动作一_axure怎么元件隐藏-CSDN博客

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

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

相关推荐
沫璃染墨16 小时前
《Qt从零入门系列(十四):QThread多线程详解——从线程创建到客户端阻塞处理》
开发语言·c++·笔记·qt·ui·交互·线程
元岳数字人小元17 小时前
一台终端兼顾接待与咨询,AI数字人对话赋能线下多场景服务
运维·人工智能·人机交互·交互·语音识别·源代码管理
汉派日月土申2 天前
【移动元件库】8.时间轴
产品经理·axure
Pocker_Spades_A2 天前
论文精读(九):结构交互驱动的机器人深度强化学习控制方法:从关节协同到启元灵犀X2的底层运动控制
机器人·交互
Light Gao2 天前
AI 对话助手如何实现动态交互?一文讲清 AG-UI、SSE、组件与工具调用
人工智能·ui·交互·大语言模型·sse·智能体·ag-ui
YoLo♪3 天前
PicGo OpenHarmony PC 适配说明
人工智能·机器人·交互
传人once3 天前
从 PPT 到可交互原型:用 AI 做小程序原型的实践 | 深度实践版
人工智能·powerpoint·交互
元岳数字人小元3 天前
数字人私有化,如何搭建全链路内网推理体系
运维·人工智能·开源·人机交互·交互
兰亭妙微UI设计公司3 天前
兰亭妙微交互设计公司工作流:交互设计的详细流程拆解
microsoft·交互
结构化知识课堂4 天前
Axure产品原型设计:AI能画原型了,为什么你还得懂这些术语?
人工智能·axure·原型设计·ai产品经理