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

相关文章

Python错误AttributeError: 'NoneType' object has no attribute问题的彻底解决方法

《Python错误AttributeError:NoneTypeobjecthasnoattribute问题的彻底解决方法》在Python项目开发和调试过程中,经常会碰到这样一个异常信息... 目录问题背景与概述错误解读:AttributeError: 'NoneType' object has no at

Python使用openpyxl读取Excel的操作详解

《Python使用openpyxl读取Excel的操作详解》本文介绍了使用Python的openpyxl库进行Excel文件的创建、读写、数据操作、工作簿与工作表管理,包括创建工作簿、加载工作簿、操作... 目录1 概述1.1 图示1.2 安装第三方库2 工作簿 workbook2.1 创建:Workboo

基于Python实现简易视频剪辑工具

《基于Python实现简易视频剪辑工具》这篇文章主要为大家详细介绍了如何用Python打造一个功能完备的简易视频剪辑工具,包括视频文件导入与格式转换,基础剪辑操作,音频处理等功能,感兴趣的小伙伴可以了... 目录一、技术选型与环境搭建二、核心功能模块实现1. 视频基础操作2. 音频处理3. 特效与转场三、高

使用Go实现文件复制的完整流程

《使用Go实现文件复制的完整流程》本案例将实现一个实用的文件操作工具:将一个文件的内容完整复制到另一个文件中,这是文件处理中的常见任务,比如配置文件备份、日志迁移、用户上传文件转存等,文中通过代码示例... 目录案例说明涉及China编程知识点示例代码代码解析示例运行练习扩展小结案例说明我们将通过标准库 os

postgresql使用UUID函数的方法

《postgresql使用UUID函数的方法》本文给大家介绍postgresql使用UUID函数的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录PostgreSQL有两种生成uuid的方法。可以先通过sql查看是否已安装扩展函数,和可以安装的扩展函数

Spring的RedisTemplate的json反序列泛型丢失问题解决

《Spring的RedisTemplate的json反序列泛型丢失问题解决》本文主要介绍了SpringRedisTemplate中使用JSON序列化时泛型信息丢失的问题及其提出三种解决方案,可以根据性... 目录背景解决方案方案一方案二方案三总结背景在使用RedisTemplate操作redis时我们针对

如何使用Lombok进行spring 注入

《如何使用Lombok进行spring注入》本文介绍如何用Lombok简化Spring注入,推荐优先使用setter注入,通过注解自动生成getter/setter及构造器,减少冗余代码,提升开发效... Lombok为了开发环境简化代码,好处不用多说。spring 注入方式为2种,构造器注入和setter

基于Python开发一个图像水印批量添加工具

《基于Python开发一个图像水印批量添加工具》在当今数字化内容爆炸式增长的时代,图像版权保护已成为创作者和企业的核心需求,本方案将详细介绍一个基于PythonPIL库的工业级图像水印解决方案,有需要... 目录一、系统架构设计1.1 整体处理流程1.2 类结构设计(扩展版本)二、核心算法深入解析2.1 自

MySQL中比较运算符的具体使用

《MySQL中比较运算符的具体使用》本文介绍了SQL中常用的符号类型和非符号类型运算符,符号类型运算符包括等于(=)、安全等于(=)、不等于(/!=)、大小比较(,=,,=)等,感兴趣的可以了解一下... 目录符号类型运算符1. 等于运算符=2. 安全等于运算符<=>3. 不等于运算符<>或!=4. 小于运

使用zip4j实现Java中的ZIP文件加密压缩的操作方法

《使用zip4j实现Java中的ZIP文件加密压缩的操作方法》本文介绍如何通过Maven集成zip4j1.3.2库创建带密码保护的ZIP文件,涵盖依赖配置、代码示例及加密原理,确保数据安全性,感兴趣的... 目录1. zip4j库介绍和版本1.1 zip4j库概述1.2 zip4j的版本演变1.3 zip4