Axure琐碎细节

文章目录

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

琐碎细节

注释

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

在这里插入图片描述

预览

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

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

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

标尺

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

竖直文字左对齐

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

Axure中的文字怎么添加

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

元件层级问题

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

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

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

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

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

通过锁来等比例缩放

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

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

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

相关文章

Vue-admin-template关于TagView缓存问题

方式1&#xff1a;采用原有的 <template><section class"app-main"><transition name"fade-transform" mode"out-in"><keep-alive :include"cachedViews"><router-view :key"key" /></ke…

less和scss循环生成margin和padding

less // 循环生成 margin padding .padding(n, i: 1) when (i < n) {.pt-{i} {padding-top: i 0px;}.pr-{i} {padding-right: i 0px;}.pb-{i} {padding-bottom: i 0px;}.pl-{i} {padding-left: i 0px;}.p-{i} {padding: i 0px;}.padding(n, (i 1)); }.margin(n, i: 1…

阿里云操作日记

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

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

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

class 的使用

1. class 的简单案例 // 创建超类 class Animal {move(distance 0) {console.log(Animal moved ${distance}m)} }// 基于Animal创建派生类(子类) class Dog extends Animal {bark(){console.log(woof woof)} }let dog new Dog() dog.bark() // woof woof dog.move(10) // A…

uniapp 使用地图

可以使用 map | uni-app官网 uniapp中的map标签&#xff0c;也可以自己引入地图的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 秒发送一次…

Shell+sqlldr载数卸数

目录 1、先下载外围系统dat文件到本地服务器 2、将外围系统dat文件放进数据库 3、本地表信息导出dat文件 4、本地表信息文件传到其他服务器 1、先下载外围系统dat文件到本地服务器 #!/bin/bash sftp_Host"10.4.1.2" sftp_userName"gqgl" sftp_passWord…

人耳的七个效应

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

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

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

【数据结构】哈希桶

目录 前言&#xff1a; 开散列&#xff08;哈希桶&#xff09; 开散列的概念 哈希桶的模拟实现 整体框架 查找 插入 删除 析构函数 前言&#xff1a; 闭散列线性探测缺点&#xff1a;一旦发生哈希冲突&#xff0c;所有的产生哈希冲突的数据连续存储在一块区域&#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…

什么是AI推理

AI推理是人工智能领域中的一个核心概念&#xff0c;它指的是人工智能系统通过分析和推理数据来得出结论的过程。这个过程涉及多个方面的技术和原理&#xff0c;以下是对AI推理的详细解释&#xff1a; 基本概念&#xff1a; AI推理是人工智能系统利用已有的数据和信息&#xf…

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

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

前端CSS基础5(修饰文本样式的各种元素和属性)

前端CSS基础5&#xff08;修饰文本样式的各种元素及属性&#xff09; 常用文本属性 常用文本属性 color: 设置文本颜色。 font-family: 指定字体系列。 font-size: 设置字体大小。 font-weight: 控制字体粗细。 font-style: 定义字体风格&#xff0c;如斜体。 这些内容上期已有…