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

2024-02-06 23:12

本文主要是介绍Axure RP9原型设计工具使用记录:实际应用及问题记录,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Axure RP9使用记录二

  • 📚第三章 实际应用
    • 📗快速归位00坐标
    • 📗动态菜单
    • 📗填充图片
    • 📗下拉框联动
    • 📗单选框
    • 📗全局变量
  • ⁉️问题记录
    • ❓问题一:菜单不显示
      • ❗解决方式:调整菜单元件之间的间距
    • ❓问题二:页面比较复杂、创建了很多层时,如何修改下层的元件
      • ❗解决:切换到概要试图进行选择或者隐藏操作
    • ❓其它

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

📚第三章 实际应用

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

📗快速归位00坐标

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

📗动态菜单

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

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

📗填充图片

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

📗下拉框联动

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

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

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

📗单选框

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

📗全局变量

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

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

过了一夜又想起来了,嘿嘿,针对这种场景:比如页面选择了某个值,点击确定跳转页面,根据选择的值跳转不同的页面
在这里插入图片描述
步骤:
在这里插入图片描述
在这里插入图片描述

⁉️问题记录

❓问题一:菜单不显示

在这里插入图片描述

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

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

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

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

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

❓其它

📗之前做一个动作,一直不生效,具体场景不记得了,最终解决就是把矩形元件换成按钮元件,然后就生效了。
📗axure rp 画了两个原型,如何直接把一个原型中的整个目录及页面拷贝到另一个原型
在这里插入图片描述


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

这篇关于Axure RP9原型设计工具使用记录:实际应用及问题记录的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/685847

相关文章

Nginx启动失败:端口80被占用问题的解决方案

《Nginx启动失败:端口80被占用问题的解决方案》在Linux服务器上部署Nginx时,可能会遇到Nginx启动失败的情况,尤其是错误提示bind()to0.0.0.0:80failed,这种问题通... 目录引言问题描述问题分析解决方案1. 检查占用端口 80 的进程使用 netstat 命令使用 ss

Python使用Pandas对比两列数据取最大值的五种方法

《Python使用Pandas对比两列数据取最大值的五种方法》本文主要介绍使用Pandas对比两列数据取最大值的五种方法,包括使用max方法、apply方法结合lambda函数、函数、clip方法、w... 目录引言一、使用max方法二、使用apply方法结合lambda函数三、使用np.maximum函数

Qt 中集成mqtt协议的使用方法

《Qt中集成mqtt协议的使用方法》文章介绍了如何在工程中引入qmqtt库,并通过声明一个单例类来暴露订阅到的主题数据,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一,引入qmqtt 库二,使用一,引入qmqtt 库我是将整个头文件/源文件都添加到了工程中进行编译,这样 跨平台

C++使用栈实现括号匹配的代码详解

《C++使用栈实现括号匹配的代码详解》在编程中,括号匹配是一个常见问题,尤其是在处理数学表达式、编译器解析等任务时,栈是一种非常适合处理此类问题的数据结构,能够精确地管理括号的匹配问题,本文将通过C+... 目录引言问题描述代码讲解代码解析栈的状态表示测试总结引言在编程中,括号匹配是一个常见问题,尤其是在

Java中String字符串使用避坑指南

《Java中String字符串使用避坑指南》Java中的String字符串是我们日常编程中用得最多的类之一,看似简单的String使用,却隐藏着不少“坑”,如果不注意,可能会导致性能问题、意外的错误容... 目录8个避坑点如下:1. 字符串的不可变性:每次修改都创建新对象2. 使用 == 比较字符串,陷阱满

Python使用国内镜像加速pip安装的方法讲解

《Python使用国内镜像加速pip安装的方法讲解》在Python开发中,pip是一个非常重要的工具,用于安装和管理Python的第三方库,然而,在国内使用pip安装依赖时,往往会因为网络问题而导致速... 目录一、pip 工具简介1. 什么是 pip?2. 什么是 -i 参数?二、国内镜像源的选择三、如何

使用C++实现链表元素的反转

《使用C++实现链表元素的反转》反转链表是链表操作中一个经典的问题,也是面试中常见的考题,本文将从思路到实现一步步地讲解如何实现链表的反转,帮助初学者理解这一操作,我们将使用C++代码演示具体实现,同... 目录问题定义思路分析代码实现带头节点的链表代码讲解其他实现方式时间和空间复杂度分析总结问题定义给定

Linux使用nload监控网络流量的方法

《Linux使用nload监控网络流量的方法》Linux中的nload命令是一个用于实时监控网络流量的工具,它提供了传入和传出流量的可视化表示,帮助用户一目了然地了解网络活动,本文给大家介绍了Linu... 目录简介安装示例用法基础用法指定网络接口限制显示特定流量类型指定刷新率设置流量速率的显示单位监控多个

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

如何使用Java实现请求deepseek

《如何使用Java实现请求deepseek》这篇文章主要为大家详细介绍了如何使用Java实现请求deepseek功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1.deepseek的api创建2.Java实现请求deepseek2.1 pom文件2.2 json转化文件2.2