Axure RP9原型设计工具使用记录：实际应用及问题记录

  • 开发
  • 69

Axure RP9使用记录二

🔼上一集：Axure RP9原型设计工具使用记录：基础操作

📚第三章 实际应用

今天就以去年写的一个系统为例吧：2023五一赶制个人系统：基于SpringBoot+MyBatisPlus+Vue+ElementUI前后端分离
在这里插入图片描述

📗快速归位00坐标

页面缩放后，可以通过Ctrl+9快速回到00坐标
在这里插入图片描述

📗动态菜单

📕 效果
点击展开，再点击收缩,具体效果如下
在这里插入图片描述
📕 实现步骤

  • 📘画出所有菜单：这里画了三级菜单，菜单之间无缝衔接，可以通过Y坐标增减微调
    在这里插入图片描述
  • 📘菜单按照曾经划分组合：比如杂技列表、杂技详情是一个组合，属于杂技管理，一集菜单韧小钊下面的所有菜单也应该是一个组合，全部隶属与韧小钊
    在这里插入图片描述
  • 📘一级菜单韧小钊添加交互事件：通过显示隐藏的切换效果、实现点击显示、再点击隐藏
    在这里插入图片描述
    在这里插入图片描述
  • 📘如法炮制所有菜单：添加单击事件显示隐藏切换效果
    在这里插入图片描述
  • 菜单添加样式，美化一下：填充颜色呀、鼠标悬浮效果呀
    在这里插入图片描述
    展开收缩图标可以通过旋转实现
    在这里插入图片描述
    在这里插入图片描述

📗填充图片

在这里插入图片描述
在这里插入图片描述

📗下拉框联动

📕 效果
左边设置一个动态面板，右边点击菜单时，设置对应的面板状态，昨天分享过，这里以杂记详情为例，选择名著之后，对应的人物下拉框内容也要跟着改变，这里还是通过动态面板，人物设置动态面板，选择名著时，设置对应的人物面板状态
在这里插入图片描述
📕 实现
设置人物动态面板
在这里插入图片描述
设置名著选项改变时，选择对应的人物
在这里插入图片描述

  • 右键设置添加情形
    在这里插入图片描述
  • 添加条件
    在这里插入图片描述
    在这里插入图片描述
  • 当前选项是三国演义时候，设置三国人物面板状态
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

最终效果如下
在这里插入图片描述

📗单选框

📕 效果
单选框，实现每次只能选中一个的效果，只要把所有选项设置为一个组就行了
在这里插入图片描述
📕 实现
在这里插入图片描述
在这里插入图片描述
可以设置一下选中后的样式
在这里插入图片描述
在这里插入图片描述

📗全局变量

最开始使用过全局变量，后来又取消掉了，具体场景不记得了，简单记录下
在这里插入图片描述

  • 📘创建全局变量useVarDemo，默认值为0
    在这里插入图片描述
  • 📘性别为未知时，全局变量useVarDemo设置为1,同时把值赋给年龄对应的文本框（没啥意义，纯演示）
    在这里插入图片描述
    在这里插入图片描述

⁉️问题记录

❓问题一：菜单不显示

在这里插入图片描述

❗解决方式：调整菜单元件之间的间距

不知道是不是元件哪里重叠了还是怎么回事，调大间距就正常了
在这里插入图片描述
在这里插入图片描述

❓问题二：页面比较复杂、创建了很多层时，如何修改下层的元件

❗解决：切换到概要试图进行选择或者隐藏操作

在这里插入图片描述
在这里插入图片描述

❓其它

之前做一个动作，一直不生效，具体场景不记得了，最终解决就是把矩形元件换成按钮元件，然后就生效了。

行吧，春节前应该就到这了，提前祝大家：在龙年里，如龙腾四海、气势如虹，事业飞黄腾达，生活幸福安康，行大运赚大钱，家庭和睦美满，吉祥如意常伴左右！龙年快乐，万事顺意，心想事成，岁岁平安！
在这里插入图片描述

阅读全部

相关推荐

  2. MySQL使用问题记录

    2024-02-05 08:14:02       66 阅读

  3. Zephyr 使用问题记录

    2024-02-05 08:14:02       28 阅读

  5. RLHF实践问题记录

    2024-02-05 08:14:02       41 阅读

  7. 糊涂工具包使用 记录

    2024-02-05 08:14:02       65 阅读

  8. 数据源使用问题记录

    2024-02-05 08:14:02       48 阅读

  9. mapbox 工作问题暂时记录

    2024-02-05 08:14:02       32 阅读

  10. 【机器学习】实验记录工具

    2024-02-05 08:14:02       64 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-05 08:14:02       94 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-05 08:14:02       100 阅读

  9. 在Django里面运行非项目文件

    2024-02-05 08:14:02       82 阅读

  19. Python语言-面向对象

    2024-02-05 08:14:02       91 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-02-05 08:14:02       85 阅读

热门阅读

  1. 802.11 MAC帧介绍

    2024-02-05 08:14:02       46 阅读

  7. iPhone搞机记录

    2024-02-05 08:14:02       48 阅读

  14. 计算机网络——02网络边缘

    2024-02-05 08:14:02       52 阅读

  15. 【Django-ninja】在django ninja中处理异常

    2024-02-05 08:14:02       40 阅读

  18. aspose-words在linux上安装字体

    2024-02-05 08:14:02       49 阅读

  19. 3031. Minimum Time to Revert Word to Initial State II

    2024-02-05 08:14:02       54 阅读

  24. 鸿蒙应用/元服务开发-窗口（Stage模型）设置悬浮窗

    2024-02-05 08:14:02       48 阅读