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

相关文章

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解

《使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解》本文详细介绍了如何使用Python通过ncmdump工具批量将.ncm音频转换为.mp3的步骤,包括安装、配置ffmpeg环... 目录1. 前言2. 安装 ncmdump3. 实现 .ncm 转 .mp34. 执行过程5. 执行结

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

PHP应用中处理限流和API节流的最佳实践

《PHP应用中处理限流和API节流的最佳实践》限流和API节流对于确保Web应用程序的可靠性、安全性和可扩展性至关重要,本文将详细介绍PHP应用中处理限流和API节流的最佳实践,下面就来和小编一起学习... 目录限流的重要性在 php 中实施限流的最佳实践使用集中式存储进行状态管理(如 Redis)采用滑动

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

Java中的抽象类与abstract 关键字使用详解

《Java中的抽象类与abstract关键字使用详解》:本文主要介绍Java中的抽象类与abstract关键字使用详解,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、抽象类的概念二、使用 abstract2.1 修饰类 => 抽象类2.2 修饰方法 => 抽象方法,没有

MyBatis ParameterHandler的具体使用

《MyBatisParameterHandler的具体使用》本文主要介绍了MyBatisParameterHandler的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参... 目录一、概述二、源码1 关键属性2.setParameters3.TypeHandler1.TypeHa

Spring 中的切面与事务结合使用完整示例

《Spring中的切面与事务结合使用完整示例》本文给大家介绍Spring中的切面与事务结合使用完整示例,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录 一、前置知识:Spring AOP 与 事务的关系 事务本质上就是一个“切面”二、核心组件三、完

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同