Axure 9 使用

news2024/9/20 10:42:10

一、界面初识

二、基础功能

1.菜单栏

1.1文件

新建文件:axure9包含四种文件.rp代表原型文件,.rplib代表元件库文件,.rpteam 团队项目文件 .html 网页文件 

偏好设置:备份,需要备份文件再从备份中恢复

创建项目团队文件

1.2 编辑与视图

编辑:剪贴、复制、黏贴、查找、替换

视图:

工具栏:自定义工具栏

功能区

显示网格

1.3项目

 项目:

元件样式管理器

页面样式管理器

主要设置全局变量

1.4 发布

预览

发布AXURE云

生成HTML文件

生成word文件说明书

1.5 团队 账户 窗口 帮助

团队:获取并打开团队项目

账户

2.工具栏

主要包括基础功能工具栏、样式工具栏

选中:相交选中 、最好选中包含选中

链接

组合

对齐和分布

预览和共享

字体、填充等操作

线段

箭头

坐标

3.页面区域

管理原型的页面和文件夹,可以对已有页面和文件夹进行增删改查操作 编辑他们层级关系

4.概要区域

显示某个具体页面的所有元件及层级关系

可以调整概要中的元件顺序,变更他们显示顺序

5.元件面板

系统自带三个元件库,这些元件的搭配使用形成了原型

6.母版区域

管理页面中的母版(经常使用的模块)

7.交互面板

制作页面和原中所有的交互动作

8.样式面板

编辑元件及页面样式

9.说明编辑区

针对元件或者页面添加说明

10.画布

包括X、Y轴、负坐标,制作原型使用,坐标的像素是像素

三、元件及应用

1.矩形

可以制作框架、按钮等

2.占位符

页面的位置被占用

3.图片

导入外部图片

4.按钮

5.文本标签

设置文字不同的效果,字体、字号、字重

6.热区

增加元件的点击范围

7.动态面板

8.内联框架

9.中继器

10.表单

文本框:快速实现提示文字和不同文字显示效果 

下拉列表:快速实现下拉框及默认显示项效果

单选

复选

11.菜单

包含树、表格、水平、垂直菜单

12.标记

快照

箭头

便签

标记

四、交互设计

事件:元件添加一个交互就是交互事件

点击元件,新建交互

启用情形:设置交互事件后,可以根据实际情况启用情形,

1 鼠标交互

鼠标悬停

鼠标按下

选中

禁用

获取焦点:文本框

单击

双击

鼠标右击

2.形状交互

移动时

旋转时

尺寸改变

显示时

隐藏时

3.页面交互

窗口尺寸改变时

页面载入时

视图改变时

窗口向上滚动

窗口向下滚动

窗口滚动时

4.内联框架交互

移动

尺寸改变

显示时

隐藏时

载入时

5.动态面板

手势交互

动态面板交互

6.中继器交互

载入时

每项加载时

列表改变时

7.文本框

文本改变时

8.下拉列表

选项改变时                                                                                           

9.单选、复选、交互                                                                                                                                                                                                

 五、交互动作

事件+动作=交互效果                      

5.1 链接动作

打开链接

关闭窗口

框架中打开链接

滚动到元件

5.2 元件交互

显示/隐藏

设置面板状态

设置文本

设置尺寸

获取焦点

5.3 中继器动作   

添加排序

添加行

标记行

更新行

删除行

5.4 其他动作

设置自适应视图

设置变量值

等待

其他:在弹出窗口        中显示提示文字

六、变量和函数

对象:一个具体的元件

属性  

函数:针对对象操作

 6.1 变量

局部变量

需要提前创建,只能作用于当前事件,命名时注意只能英文+数字

全局变量

需要提前创建(项目添加全局变量),可以作用于整个文档、任意页面,

6.2 中继器变量属性

item:

item:获取数据集一行

item,列名:获取数据行中指定列的值

index:获取数据行的索引编号 编号起始为1

isfirst:判断数据行是否为第一行

islast:判断数据行是否为最末行

isEven:判断数据行是否为偶数行

isOdd:判断数据行是否为奇数行

isMarked:判断数据行是否被标记

isVisible:判断数据行是否为可见行

repeater:

visibleItemCount :中继器项目列表中可见项的数量

itemCount:加载项数量

dataCount:获取中继器数据集中数据行的总数量

pageCount:获取中继器分页总数量

pageindex:获取中继器项目列表当前显示内容的页面

6.3 元件属性

this :获取当前元件对象

target :获取目标元件对象

x:获取元件对象的x轴坐标值

Y:获取元件对象的x轴坐标值

width:获取元件对象的宽度值

height:获取元件对象的高度值

scrollX:获取元件对象水平移动的距离

scrollY:获取元件对象垂直移动的距离

text:获取元件对象的文字

name:获取元件对象的名称

top:获取元件顶部边界坐标轴

bottom:获取元件底部边界坐标轴

opacity:获取元件对象的不透明值

rotation:获取元件对象的旋转角度

6.4 页面属性

PageName:获取当前页面的名称

6.5 窗口属性

window.width::获取浏览器当前宽度

window.height::获取浏览器当前高度

window.scrolLX::获取浏览器当前水平滚动距离

window.scrolly::获取浏览器当前崔志滚动距离

6.6 鼠标指针

cursorX:鼠标当前的x轴坐标

cursorY:鼠标当前的y轴坐标

DragX:获取鼠标在水平方向的移动距离

DragY:获取鼠标在垂直方向的移动距离

TotalDragX:整个拖动过程,鼠标指针在水平方向上移动的距离

TotalDragY:整个拖动过程,鼠标指针在垂直方向上移动的距离

DragTime:鼠标操作的总时长,从鼠标按下左键到释放左键

6.7 数字函数

decimalPoints:小数后保留位数

toExponential(decimalPoints):将对象转换为指数计数法

tofixed(decimalPoints) :将一个数字转换为保留指定小数位数的数字,超出的后面小数位自动四舍五入

toPrecision(length):将数字格式化为指定长度,小数点不计算长度

6.8 字符串

length:返回字符串的字符长度包括空格,汉字占一个字符

charAt(index)返回字符串指定索引处字符

indexof(“searchValue”)返回调用函数的字符串中搜索值的第一个实例的起始索引,未找到放回-1

lastindexof(“searchValue”)返回调用函数的字符串中搜索值的最后一个实例的起始索引,未找到放回-1

charCodeAt(index):获取当前文本对象中指定位置字符的Unicode

slice(start,end):获取当前文本对象中截取指定位置到指定位置结束的字符串

substr(start,length):获取当前文本对象中截取一定长度的字符串

substring(from,to):获取当前文本对象中截取指定位置开始到另一指定位置区间

concat(“string”):当前的文本与另外一个字符组合,string为组合后显示在后方的字符串

replace(“value”,“newvalue”)用新的文本替换文本对象指定字符串

toLowerCase() 大写字母转小写字母

toUPCase() 小写字母转大写字母

trim 删除两端空格

toString()逻辑值转字符串

split(“separator”,limit)获取当前字符,每个字符用逗号隔开

6.9 日期函数

6.10 布尔运算符

== 等于

!=不等于

<小于

<=小于等于

> 大于

>=大于等于

&& 并且

||或者

!not

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2086983.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

GPT-SoVITS:零样本语音合成AI

GPT-SoVITS 是一种语音合成模型&#xff0c;于 2024 年 2 月 18 日发布。它支持使用参考音频进行零样本语音合成&#xff0c;并且可以进行微调以提高性能。 GPT-SoVITS 的功能特性包括&#xff1a; Zero-Shot TTS&#xff1a;零样本语音合成&#xff0c;输入 5 秒音频样本即可…

57.基于IIC协议的EEPROM驱动控制(4)

&#xff08;1&#xff09;顶层代码&#xff1a; module IIC_EEPROM(input wire clk ,input wire reset_n ,input wire key_r ,input wire key_w ,output wire …

DM一主一实时备一异步备守护集群安装

在前面章节中已经部署了一主一实时备机&#xff0c;此次实施过程中主要添加异步备库。 1. 环境描述 实例详情&#xff1a; 端口详情 2. 关闭主备库守护进程、监视器、数据库实例 [dmdbaray1 ]$ DmWatcherServiceDW stop Stopping DmWatcherServiceDW: …

基于ssm+vue+uniapp的图书管理系统小程序

开发语言&#xff1a;Java框架&#xff1a;ssmuniappJDK版本&#xff1a;JDK1.8服务器&#xff1a;tomcat7数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09;数据库工具&#xff1a;Navicat11开发软件&#xff1a;eclipse/myeclipse/ideaMaven包&#xff1a;M…

JVM 内存参数

文章目录 引言I JVM基础知识Java 语言是解释型的OpenJDK和Sun/Oracle JDK和hotspot的关系JDK、JRE、JVM 之间的关系JVM基础功能JVM组成JIT:Just In Time CompilerJVM内存区域JVM运行时数据区JVM 堆内存布局II JVM 内存参数常用参数JIT编译参数GC信息打印GC参数III 例子引言 J…

M2BEV

Part 1: 2D 图像编码器 给定 NNN 张大小为 HW3的图像&#xff0c;我们对所有图像使用共享的 CNN 主干网络进行前向传播&#xff0c;例如使用 ResNet&#xff0c;并通过特征金字塔网络&#xff08;FPN&#xff09;创建四级特征 F1,F2,F3,F4。 然后&#xff0c;将这些特征全部上…

Quartus网盘资源下载与安装 附图文安装教程

如大家所了解的&#xff0c;Quartus是一种FPGA设计软件&#xff08;相信理工科的小伙伴&#xff0c;很多都接触或学习过FPGA&#xff09;&#xff0c;旨在为数字电路设计师提供一个高效、便捷的开发环境。它可以帮助用户完成数字逻辑电路的设计、仿真、综合和布局&#xff0c;以…

webpack4手动搭建Vue项目

小满视频 很多解释使用通义灵码搜的,通义灵码的搜索结果也是有错误的全程使用pnpm包管理工具&#xff0c;和npm的用法基本一样 学习总结 1. 多看看webpack官网 2. webpack的作用&#xff1a;配置一堆东西&#xff0c;达到运行程序的目的 3. 无论什么东西都转成js&#xff0c;…

什么是CSRF跨站请求伪造

CSRF&#xff08;跨站请求伪造&#xff0c;Cross-Site Request Forgery&#xff09;是一种网络攻击&#xff0c;攻击者通过伪造用户的身份&#xff0c;诱使用户在已认证的 Web 应用上执行非预期的操作。CSRF 攻击的风险在于它能够利用用户的身份认证状态&#xff0c;从而执行恶…

app逆向1-实战里常见东西

幕布链接&#xff1a;app逆向1-实战里常见东西 - 幕布

JVM性能监控实用工具jconsole与jvisualvm

jdk小工具jconsole与jvisualvm&#xff0c;jvisualvm为升级版的jconsole&#xff1b;通过命令行启动&#xff0c;可监控本地和远程应用。 推荐使用&#xff1a;jvisualvm jconsole使用 1.直接命令 jcondole 打开窗口&#xff0c;选择我们要查看的进行 连接后可看到面板 jvisu…

4岁患儿玩耍误伤眼内起迷“障”,耽误多年成都爱尔公益救助手术焕清晰

近日&#xff0c;成都爱尔眼科医院收治了一名来自西藏的7岁小患者小多。小多是由父亲带到医院的&#xff0c;可惜两人都不会汉语&#xff0c;医护人员与他们的交流依靠着孩子父亲拨打的亲戚电话&#xff0c;在电话中一句一句的翻译终于厘清病情原委。 据说&#xff0c;3年前小多…

固态硬盘损坏,有什么方法可以恢复数据?

我认为值得推荐的固态硬盘数据恢复&#xff0c;必须满足2个硬条件&#xff1a; 恢复成功率高 不损害原文件&#xff0c;保证数据的绝对安全 推荐2个超好用的U盘数据恢复神器&#xff0c;帮你快速找回重要文件&#xff01; 1、转转数据恢复大师 点击直达链接>>www.huifuz…

简单工作流-节点增加输入内容

之前已经做完了前端的流程图像绘制&#xff0c;后端对流程图像的CURD&#xff0c;现在主要做流程节点的必要属性做完善&#xff0c;之前只做了节点上权限用户的绑定没有对用户输入内容做管理&#xff0c;现在加上了输入内容管理&#xff0c;具体代码在github上&#xff1a; 前端…

css-50 Projects in 50 Days(1)

改变背景图 html <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>改变背景</title><link …

【ceph学习】rgw网关进程如何启动

rgw 网关进程启动 主要在rgw_main.cc的main函数中&#xff0c;主要涉及一些关键线程启动、前端服务器&#xff08;beast等&#xff09;启动、后端存储模块启动&#xff08;rados&#xff09;、perf和log启动等。 流程图关键节点如下&#xff1a; 1、beast的启动 2、rados的启…

对标GPT4o,智谱推出新一代基座大模型 GLM-4-Plus

最新基座大模型 GLM-4-Plus发布并上线开放平台 在 KDD 国际数据挖掘与知识发现大会上&#xff0c;智谱 GLM 团队介绍了新一代基座大模型GLM-4-Plus。GLM-4-Plus 是智谱全自研 GLM 大模型的最新版本&#xff0c;它标志着智谱继续瞄准通用人工智能&#xff0c;持续推进大模型技术…

Django框架安全

【图书介绍】《Django 5企业级Web应用开发实战&#xff08;视频教学版&#xff09;》_django 5企业级web应用开发实战(视频教学版)-CSDN博客 《Django 5企业级Web应用开发实战&#xff08;视频教学版&#xff09;》(王金柱)【摘要 书评 试读】- 京东图书 (jd.com) 本节主要介…

阿里PAI-ChatLearn:大规模 Alignment高效训练框架正式开源

导读 ChatGPT是OpenAI开发的基于大型语言模型(LLM)的聊天机器人&#xff0c;以其令人惊叹的对话能力而迅速火爆并被广泛采用。ChatGPT 成功背后得益于大型语言模型生成领域的新训练范式&#xff1a;RLHF (Reinforcement Learning from Human Feedback)&#xff0c;即以强化学习…

代码随想录第十天——LeetCode 150. 逆波兰表达式求值、239. 滑动窗口最大值、347.前 K 个高频元素

150. 逆波兰表达式求值 力扣题目链接(opens new window) 根据 逆波兰表示法&#xff0c;求表达式的值。 有效的运算符包括 , - , * , / 。每个运算对象可以是整数&#xff0c;也可以是另一个逆波兰表达式。 说明&#xff1a; 整数除法只保留整数部分。 给定逆波兰表达式总是…