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

2024-02-06 23:12
文章标签 工具 设计 问题 使用 应用 记录 axure 原型 实际 rp9

本文主要是介绍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。

相关文章

不懂推荐算法也能设计推荐系统

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例，告诉我们不懂推荐算法的产品，也能从产品侧出发， 设计出一款不错的推荐系统。 相信很多新手产品，看到算法二字，多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法（注：传统是指科班出身的产品都会接触过）。但对于推荐算法，多数产品对着网上搜到的资源，都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后，更是加大了理解的难度。 但，不了解推荐算法，就无法做推荐系
阅读更多...
中文分词jieba库的使用与实景应用（一）

中文分词jieba库的使用与实景应用（一）

知识星球：https://articles.zsxq.com/id_fxvgc803qmr2.html 目录 一.定义： 精确模式（默认模式）： 全模式： 搜索引擎模式： paddle 模式（基于深度学习的分词模式）： 二 自定义词典 三.文本解析   调整词出现的频率 四. 关键词提取 A. 基于TF-IDF算法的关键词提取 B. 基于TextRank算法的关键词提取
阅读更多...
水位雨量在线监测系统概述及应用介绍

水位雨量在线监测系统概述及应用介绍

在当今社会，随着科技的飞速发展，各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中，水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术，其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成，形成了一个完整的闭环系统。 数据采集单元：这是系统的“眼睛”，
阅读更多...
使用SecondaryNameNode恢复NameNode的数据

使用SecondaryNameNode恢复NameNode的数据

1）需求： NameNode进程挂了并且存储的数据也丢失了，如何恢复NameNode 此种方式恢复的数据可能存在小部分数据的丢失。 2）故障模拟 （1）kill -9 NameNode进程 [lytfly@hadoop102 current]$ kill -9 19886 （2）删除NameNode存储的数据（/opt/module/hadoop-3.1.4/data/tmp/dfs/na
阅读更多...
Hadoop数据压缩使用介绍

Hadoop数据压缩使用介绍

一、压缩原则 （1）运算密集型的Job，少用压缩 （2）IO密集型的Job，多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1）为了支持多种压缩/解压缩算法，Hadoop引入了编码/解码器 2）要在Hadoop中启用压缩，可以配置如下参数
阅读更多...
Makefile简明使用教程

Makefile简明使用教程

文章目录 规则makefile文件的基本语法：加在命令前的特殊符号：.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具，常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件
阅读更多...
好题——hdu2522（小数问题：求1/n的第一个循环节）

好题——hdu2522（小数问题：求1/n的第一个循环节）

好喜欢这题，第一次做小数问题，一开始真心没思路，然后参考了网上的一些资料。 知识点***********************************无限不循环小数即无理数，不能写作两整数之比*****************************（一开始没想到，小学没学好） 此题1/n肯定是一个有限循环小数，了解这些后就能做此题了。 按照除法的机制，用一个函数表示出来就可以了，代码如下
阅读更多...
hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）

hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）

利用康拓展开将一个排列映射成一个自然数，然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu
阅读更多...
使用opencv优化图片（画面变清晰）

使用opencv优化图片（画面变清晰）

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化，使其看起来更清晰，同时保持尺寸不变，通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多，主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器：相机传
阅读更多...
csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

这是一道扩展欧几里得算法的简单应用题，这题是在湖南多校训练赛中队友ac的一道题，在比赛之后请教了队友，然后自己把它a掉 这也是自己独自做扩展欧几里得算法的题目 题意：把题意转变下就变成了：求d1*x - d2*y = f2 - f1的解,很明显用exgcd来解 下面介绍一下exgcd的一些知识点：求ax + by = c的解 一、首先求ax + by = gcd(a,b)的解 这个
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2