Axure元件库的使用

news/2024/11/20 21:38:07/

1.基本元件库

1.1Axure的画布范围

Axure是一个绘制项目原型图的软件,它里面的基本原件有:

1.1元件的呈现范围 

首先我们要了解基本元件的作用范围在哪里?

浏览效果:

可以看出当我们的基本元件放在画布区域内是可以完全呈现出来的。

那么如果我们将元件放出去一部分可以呈现出来吗?

这里我将基本元件放出去了一部分

效果:

可以看出我们没有放出去的是呈现出来了的

这里我将元件完完全全的放在画布之外出来。

效果:

元件无法呈现出来,所以元件的作用范围在画布之内。

1.2基本元件的使用

首先我们选中我们要使用的元件然后进行拖动

这里的图片元件,拖动出来时时没有图片的,为默认状态,如果要呈现自己的图片,需要双击图片组件,然后选中要呈现的图片即可

如:在这里我从新添加了一个图片元件并双击他,然后打开本地文件,选中图片即可

效果热区的使用:

在这里我在按钮添加了一个热区,可以看到添加热区的按钮呈现出一个黄色带⚡的图标

然后设置交互:在单击按钮时进行跳转到page1页面,效果如下:

不但能进行页面跳转同时可以在点击时出现弹窗:

效果如下:

2.表单元件 

文本元件有

表单元件的使用:

下拉列表,列表框,需要添加数据,双击弹出

选择编辑多项,一行一个数据,输入即可

效果:

2.1.菜单|表格元件的使用 

效果:

 3.表单案例

设置一个表单案例:

首先以上的图片中我们分析以上有哪些元件

1.文本款

2.复选框

3.按钮

4.用户默认元件

5.锁元件

那么现在开始设置

设置矩形高和框为316 和 356,并填充颜色

拉两个文本框

并在提示设置请输入和用户名,和请输入用户密码

如图:

然后搜索在全部元件里,输入用户进行搜索

添加复选框,修改文本为:记住我?

添加按钮。将文本改成登录

效果:


http://www.ppmy.cn/news/1271460.html

相关文章

【Spring教程29】Spring框架实战:从零开始学习SpringMVC 之 服务器响应知识全面详解

目录 1 环境准备2 响应页面3 返回文本数据4 响应JSON数据5 知识点总结 欢迎大家回到《Java教程之Spring30天快速入门》,本教程所有示例均基于Maven实现,如果您对Maven还很陌生,请移步本人的博文《如何在windows11下安装Maven并配置以及 IDEA配…

当指定了一个 messageid 后,发送或插入消息,即使成功,也查询不到此消息

SDK messageid 仅在发送失败时,可以使用 SDK 已经构建好的 id,不支持自己指定一个自定义的 id 值。 如果传入一个 SDK 不存在的 id 会导致消息丢失 如果传入一个 SDK 存在的但不是当前消息的 id,会导致原有消息内容发生变更,导致消…

现代雷达车载应用——第2章 汽车雷达系统原理 2.2节 汽车雷达架构

经典著作,值得一读,英文原版下载链接【免费】ModernRadarforAutomotiveApplications资源-CSDN文库。 2.2 汽车雷达架构 从顶层来看,基本的汽车雷达由发射器,接收器和天线组成。图2.2给出了一种简化的单通道连续波雷达结构[2]。这…

从零开始:前端架构师的基础建设和架构设计之路

文章目录 一、引言二、前端架构师的职责三、基础建设四、架构设计思想五、总结《前端架构师:基础建设与架构设计思想》编辑推荐内容简介作者简介目录获取方式 一、引言 在现代软件开发中,前端开发已经成为了一个不可或缺的部分。随着互联网的普及和移动…

宣布全面推出适用于 macOS 的 Amazon EC2 M2 Pro Mac 实例

即日起,Amazon Elastic Compute Cloud (Amazon EC2) M2 Pro Mac 实例现已全面推出 (GA)。在为 Apple 平台(例如 iOS、macOS、iPadOS、tvOS、watchOS、visionOS 和 Safari)构建和测试应用程序时,这些实例的性能比现有的 M1 Mac 实例…

C++中的接口有什么用

2023年12月13日,周三上午 今天上午在适配器模式,我发现如果想真正理解适配器模式,就必须学会使用C中的接口,就必须明白为什么要在C中使用接口,所以重新学习了一下C中的接口 目录 C中的接口有什么用用代码说明“实现多…

二百一十六、Flume——Flume拓扑结构之负载均衡和故障转移的开发案例(亲测,附截图)

一、目的 对于Flume的负载均衡和故障转移拓扑结构,进行一个开发测试 二、负载均衡和故障转移 (一)结构含义 Flume支持使用将多个sink逻辑上分到一个sink组 (二)结构特征 sink组配合不同的SinkProcessor可以实现负…

MySQL数据存储、索引记录

行格式(每行记录) 行格式(每行记录): 以记录为单位来向表中插入数据的,这些记录在磁盘上的存放方式也被称为 行格式 或者 记录格式。 InnoDB 存储引擎4种不同类型的 行格式 ,分别是 Compact 、 Redundant 、Dynamic 和 Compressed 行格式。组…