Axure 动态面板实现弹出框效果
实现 动态 效果 面板 弹出 axure
2023-09-27 14:25:17 时间
今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的。拿出来share下~
如图:当我点击删除button后,假设用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,假设不要删除,则点击取消。
首先描写叙述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,还有一个是隐藏弹窗体。
以下是弹出对话框的两个状态的设计:
隐藏状态的动态面板设置为空白。这样当切换到这个状态时就看不到不论什么东西。
然后为删除button加入用例:
注意。这里是当发生单击事件的时候弹出动态面板,所以选择的面板状态为“显示弹出框”状态;
这样。显示弹出框就做好了,为了实现点击取消后隐藏功能,我们还有为取消button加入单击事件。然后事件中选择“隐藏弹出框”状态。
这样,利用动态面板的状态切换,就实现了原型图中的弹出框功能。
今天是第一次用原型工具画界面,中间突然就想到了EA。感觉自己的软件开发之路会越来越规范化而且easy!
相关文章
- 算法(第四版)学习笔记之java实现可以动态调整数组大小的栈
- Vue - 实现动态且 “可重复“ 开启与关闭动画,由 JS 点击 / 长按等事件控制开启 “某个元素“ 的 CSS 动画(类似常见的点赞动画效果可以一直重复触发动画)详细示例源代码教程
- uniapp - 实现动态且 “可重复“ 开启与关闭动画,由 JS 点击 / 长按等事件控制开启 “某个元素“ 的 CSS 动画(类似常见的点赞动画效果可以一直重复触发动画)兼容 H5 App 小程序
- 用 CreBS 在 Ubuntu 11.04 Natty Narwhal 下实现动态桌布
- Java mongoDB实现layIM版web即时通讯系统
- python实现冒泡排序
- python和C++代码实现模拟动态指针时钟
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- SwiftUI UI高级技巧之View测算实现组件限定高度 (教程含源码)
- uniapp--简单实现红包雨demo
- Mybatis 实现不确定修改几个字段的修改方法(动态语句set、if实现),避免修改时其它没被修改的字段变为null
- Spring Security实现基于RBAC的权限表达式动态访问控制
- SwiftUI macOS 3D教程之构建3D地球实现traceroute curl (教程含源码)
- 一个基于MVVM的TableView组件化实现方案
- JavaScript每天逻辑练习,两种方式实现动态摇学号
- vue 实现动态表单点击新增 增加一行输入框
- Android 一步步实现曲线图、折线图、柱状图、雷达图,动态心跳图
- input标签根据输入字符动态自适应宽度的实现
- 动态规划之KMP 算法的实现
- Android Design Support Library(一)用TabLayout实现类似网易选项卡动态滑动效果
- 9.9递归和动态规划(七)——实现很多图片编辑软件都支持的“填充颜色”功能
- Unity Shader 之 实现图片 局部动态 运动的简单效果
- Unity UGUI 效果 之 多页翻页,多页任意翻页的简单效果实现(示例演示为动态加载多图片实现翻页预览效果)
- 基于redis ae实现 Linux中的文件系统监控机制(inotify)