Axure琐碎细节

文章目录

    • 琐碎细节
      • 注释
      • 预览
      • 编写原型图的时候可以把颜色改为灰色
      • 标尺
      • 竖直文字左对齐
      • Axure中的文字怎么添加
      • 元件层级问题
      • 如何找到各种各样的形状,比如三角形了 五角星了 十字架了
      • 给按钮设置简单的交互动作
      • 通过锁来等比例缩放

琐碎细节

注释

有时候我们需要给我们的元件一个注释说明,以便我们后续可以瞬间明白这个元件是干什么用的,如下图:
在这里插入图片描述

在这里插入图片描述

预览

当我们的原型图画好了之后 我们可以在网页中预览查看 点击下面的这个按钮 如下图:
在这里插入图片描述
然后会在浏览器中展开一个页面 如下图:
在这里插入图片描述

编写原型图的时候可以把颜色改为灰色

当编写原型图的时候默认面板的颜色是白色的 如下图:
在这里插入图片描述
这会导致一个问题 就是原型图的白边就不太好辨认了,所以有个实用小技巧 就是把背景颜色改为灰色,这样就好辨认一些了 如下图:
在这里插入图片描述
填充颜色的时候 如果我们不知道是什么颜色的话 可以使用吸管工具,这样可以直接吸取我们想要的颜色 如下图:
在这里插入图片描述

标尺

标尺的作用就是画图的时候让上下左右的图标边界都可以对齐,如下图:
在这里插入图片描述
那么标尺线怎么添加 怎么删除呢?
在这里插入图片描述
然后标尺线怎么删除呢?选中然后按delete就可以删除了。

竖直文字左对齐

有时候我们的文字会显得歪歪扭扭的,这个时候我们可以把这些竖直的文字全部选中,然后点击左对齐或者右对齐,通常我们都是进行左对齐,如下图:
在这里插入图片描述

Axure中的文字怎么添加

如下图:
在这里插入图片描述
然后在页面大纲里面显示的就是如下图这样的元件 如下图:
在这里插入图片描述
但是字体有时候太小了 我们点击的时候老师点击不上,这个时候我们就可以直接双击上图中的演示中的字体,然后能自动进入到对应字体的编辑模式,比如我们双击上面的通讯录之后如下图:
在这里插入图片描述
直接全部选中了元件中对应的文字,然后我们就可以开启编辑模式了。非常方便。

元件层级问题

页面中的每个元件都是有层级的,有的元件层级在上面,有的元件层级在下面,层级在上面的元件会覆盖层级在下面的元件。但是元件的层级并不是固定不变的,我们是可以手动调整的,如下图:
在这里插入图片描述
比如上图中绿色圆圈元件的层级就在灰色背景图片的层级的上面,但是我们可以调整绿色圆圈的层级,让它的层级处于下面,这样灰色的背景元件就会盖住绿色的圆圈元件,如下图:
在这里插入图片描述
把绿色圆圈元件置于图层底层 看下效果如下图:
在这里插入图片描述

如何找到各种各样的形状,比如三角形了 五角星了 十字架了

首先拖拽一个圆形,然后鼠标直接右键 然后选择选择形状 如下图:
在这里插入图片描述
在这里插入图片描述
这样我们就得到了一个三角形。

给按钮设置简单的交互动作

比如说当鼠标移入到确定按钮上时,隐藏确定按钮左边的取消按钮;当鼠标从确定按钮上移开时,显示确定按钮左边的取消按钮。设置交互如下图:
在这里插入图片描述
如上图 我们选择确定按钮 然后新建交互,添加鼠标移入时隐藏取消按钮和鼠标移出时显示取消按钮交互动作,接着我们点击一下预览然后去浏览器里面看一下效果 如下图:
在这里插入图片描述
初始状态下 取消按钮是可以显示的,接着我们把鼠标移动到确定按钮上之后如下图:
在这里插入图片描述
当鼠标停到确定按钮上之后 左边的取消按钮就消失了。移开之后又出现了。

通过锁来等比例缩放

当我们想调整宽高 同时又想要等比例缩放的时候,这个时候一定要点击锁这个小图标,这样我们就可以只修改宽了,并且高会等比例的缩放 如下图:
在这里插入图片描述

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

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

相关文章

阿里云操作日记

昨天买了一个超级便宜的阿里云服务器,2核2G,3M固定带宽,40G ESSD Entry云盘,搭载一个简单的系统,就想到了docker轻量级,易于管理 其实docker很好用,第一步就是安装docker 一、docker安装与端口…

盲返模式:电商领域的新玩法与商业创新

大家好,我是微三云周丽,今天给大家分析当下市场比较火爆的商业模式! 小编今天跟大伙们分享什么是什么是盲返模式? 随着互联网的深入发展,电商行业正面临着前所未有的机遇与挑战。在这个竞争激烈的市场环境中&#xff…

uniapp 使用地图

可以使用 map | uni-app官网 uniapp中的map标签,也可以自己引入地图的js 如下图 使用 uniapp中的map标签 需要注意要配置key

HTML 中创建 WebSocket服务与接收webSocket发送内容

效果图 服务端 html客户端接受的消息 接下来开始实现服务端 创建server.js const WebSocket require(ws);const wss new WebSocket.Server({ port: 8877 });wss.on(connection, function connection(ws) {console.log(WebSocket connection opened.);// 每隔 5 秒发送一次…

人耳的七个效应

1、掩蔽效应 • 人们在安静环境中能够分辨出轻微的声音,即人耳对这个声音的听域很低,但在嘈杂的环境中轻微的声音就会被淹没掉,这时将轻微的声音增强才能听到。 • 这种在聆听时,一个声音的听阈因另一声音的出现而提高的现象&…

2.搭建增长模型-福格行为模型

福格行为模型 Bmat B为行动 m是动机 a是能力 t是触发 mat三者是同时出现的 比如连续签到30天,才送1天会员,这明摆着欺负人,用户难有积极性 但是签到即可或者会员1天,连续30天送30天,这样用户每天都会积极的来签到&…

【数据结构】哈希桶

目录 前言: 开散列(哈希桶) 开散列的概念 哈希桶的模拟实现 整体框架 查找 插入 删除 析构函数 前言: 闭散列线性探测缺点:一旦发生哈希冲突,所有的产生哈希冲突的数据连续存储在一块区域&#xff…

ios微信小程序禁用下拉上拉

第一步&#xff1a; page.json配置页面的"navigationStyle":"custom"属性&#xff0c;禁止页面滑动 "navigationStyle":"custom" 第二步&#xff1a; 页面里面使用scroll-view包裹内容&#xff0c;内容可以内部滑动 <view class&…

Oracle中rman使用记录

最近在项目中&#xff0c;遇到使用RMAN的操作来恢复数据库中某个时间归档日志&#xff0c;RMAN的原理和理解&#xff0c;网友们百度了解一下。我重点将实操部分了。直接上实验环节&#xff0c;让网友更懂。&#xff08;特别提醒&#xff1a;我是1:1用VMware克隆数据库进行RMAN还…

如何看待AIGC技术

目录 1.概述 2.技术应用 2.1.媒体与内容创作 2.2.教育与学习 ​​​​​​​2.3.艺术创作 ​​​​​​​2.4.游戏产业 ​​​​​​​2.5.工业设计 ​​​​​​​2.6.对未来社会的影响 2.7.可能的发展方向 ​​​​​​​2.8.小结 3.伦理与风险 3.1.AIGC技术面临…

零基础HTML教程(26)--表单元素标注

文章目录 1. 引子2. 使用标注3. 元素的id与name4. 更好的写法5. 小结 1. 引子 我们看一个表单&#xff1a; <form>姓名&#xff1a;<input type"text"><br>手机号:<input type"text"><br>年龄:<input type"text&qu…

MES管理系统工单管理模块的重要性

在现代制造企业中&#xff0c;MES管理系统作为生产流程管理的核心&#xff0c;工单模块则扮演着不可或缺的角色。它不仅是MES管理系统的基石&#xff0c;更是连接各个生产环节的纽带&#xff0c;确保生产流程的顺畅与高效。 首先&#xff0c;我们需要明确MES管理系统在制造企业…

深度解析 Spring 源码:揭秘BeanFactory 之谜

文章目录 一、认识BeanFactory1.1 BeanFactory的概述1.2 BeanFactory与 ApplicationContext的区别 二、BeanFactory源码解读2.1 BeanFactory 接口2.1.1 getBean()2.1.2 containsBean()2.1.3 isSingleton() 2.2 DefaultListableBeanFactory 类2.2.1 registerBeanDefinition()2.2…

南宁建筑模板供应商:贵港市能强优品木业有限公司

贵港市能强优品木业有限公司&#xff0c;作为南宁地区知名的建筑模板生产厂家&#xff0c;拥有25年的丰富生产经验。该公司生产的建筑覆膜板以其稳定的质量和高周转次数而闻名&#xff0c;多年来参与了国内各地区众多大型建筑项目&#xff0c;并获得广大客户的一致好评。 质量稳…

Object类 equals方法 hashCode方法 集合

Object类 Object类是所有类的父类&#xff0c;所以&#xff1a; Object的类的成员变量和成员方法&#xff0c;其余的类会继承&#xff0c;可以使用 Object类可以使用多态创建任意对象&#xff0c;同时拥有子类的重写方法 我们先假设子类重写了equals方法和hashCode方法&…

Flink 实时数仓(一)【实时数仓离线数仓对比】

前言 昨天技术面的时候&#xff0c;面试官说人家公司现在用的都是最新的技术&#xff0c;比如 Doris 等一些最新的工具&#xff0c;确实这些课是学校永远不会开设的&#xff0c;好在他说去了会带着我做一做。可是 ...... 学院舍不得让走啊 ...... 没办法&#xff0c;情况就是这…

python代码报错requests.exceptions.SSLError

直接浏览器访问报ssl错误的网站&#xff0c;然后找到证书&#xff0c;选择导出 然后在cmd里面执行&#xff0c;去查看certifi的位置 python -c "import certifi;print(certifi.where())"找到之后用文本编辑器打开&#xff0c;我用的vscode 滚动到最后面&#xff0c…

什么是重放攻击(Reply attack)?

什么是重放攻击(Reply attack)? 重放攻击&#xff0c;也称为回放攻击&#xff0c;是一种网络攻击方式。重放攻击是一种中间人攻击&#xff0c;攻击者通过截获合法的数据传输并重新发送它们来欺骗接收方&#xff0c;让接收方误以为是合法的消息。重放攻击是非常常见的&#xf…

在IDEA中使用.env文件导入系统配置的图文教程

JetBrains的IDEA是一款功能强大的集成开发环境&#xff0c;为开发人员提供了丰富的功能和工具。使用.env文件来管理配置信息在IDEA中非常简单。 旧版本默认支持&#xff0c;新版本idea需要安装插件才可以。 这里我们可以安装EnvFile插件&#xff0c;步骤如下&#xff1a; 在弹…

详解数仓的向量化执行引擎

前言 适用版本&#xff1a;【基线功能】 传统的行执行引擎大多采用一次一元组的执行模式&#xff0c;这样在执行过程中CPU大部分时间并没有用来处理数据&#xff0c;更多的是在遍历执行树&#xff0c;就会导致CPU的有效利用率较低。而在面对OLAP场景巨量的函数调用次数&#x…