首页 > 其他分享 >【Axure基础教程】交互样式的设置

【Axure基础教程】交互样式的设置

时间:2024-07-07 15:26:21浏览次数:21  
标签:设置 样式 选中 基础教程 Axure 交互 元件 鼠标

交互样式可以提前设置样式效果,当元件在浏览器中预览并遇到特定的状态时(如:鼠标悬停、鼠标按下、选中、禁用、获取焦点等),会触发对应状态的样式,从而实现在不同状态下触发不同的交互样式的效果

交互样式设置框

分为不同的类型,包括鼠标悬停、鼠标按下、选中、禁用、获取焦点,每一种类型代表一种状态,每次交互只会出现一种类型,每种类型都可以设置很多基础的样式效果

【Axure9基础教程】元件操作之交互样式的设置和使用

如何设置

有两种方式可以设置交互样式,一种是鼠标右键选中交互样式,在交互样式设置框中设置样式属性

另一种是在右侧交互面板中,添加交互样式,点击更多样式选项可以出现完整的样式属性设置

【Axure9基础教程】元件操作之交互样式的设置和使用

交互样式

鼠标悬停

当鼠标光标移到元件上时应用。

【Axure9基础教程】元件操作之交互样式的设置和使用

鼠标按下

当单击元件并按下鼠标按钮时应用。

【Axure9基础教程】元件操作之交互样式的设置和使用

选中

当通过“选中”操作将元件设置为选中状态时,或者在单击复选框或单选按钮时自动应用。

【Axure9基础教程】元件操作之交互样式的设置和使用

禁用

当通过“禁用”操作将元件设置为禁用状态时应用。(默认情况下在表单小部件(例如文本字段和下拉列表)上启用。)

【Axure9基础教程】元件操作之交互样式的设置和使用

获取焦点

当元件在Web浏览器中具有焦点时应用。如文本框和下拉列表之类的窗体元件在单击或切换到选项卡时会自动获得浏览器的关注。还可以通过“焦点”操作动态地给元件浏览器焦点。

【Axure9基础教程】元件操作之交互样式的设置和使用

提示

在文本框或文本域上定义提示文本的样式。

【Axure9基础教程】元件操作之交互样式的设置和使用

复制和粘贴样式效果

Axure9中,新增了交互样式复制粘贴效果,可以直接将某一个元件的交互样式复制到另一个元件上

标签:设置,样式,选中,基础教程,Axure,交互,元件,鼠标
From: https://blog.csdn.net/qq_33208396/article/details/140246994

相关文章

  • 【Axure基础教程】设置提示信息,鼠标悬停出现文本提示
    提示信息可以为元件设置一段文本提示,当鼠标hover元件时,会在鼠标附近会出现设置的提示文本,一般用于文本超长截断后的文本补全提示。如何设置有两种方式可以设置提示信息,一种是鼠标右键点击工具提示在工具提示框中输入文本另一种是在右侧交互面板中,在工具提示位置设置,注意......
  • 列车-轨道-桥梁交互仿真研究(Matlab代码实现)
    ......
  • 小白也能看懂的Python基础教程(9)
    目录Python文件操作1、文件操作概述什么是文件?文件操作包含哪些内容呢?文件操作的作用2、文件的基本操作open()打开函数mode访问模式详解读操作相关方法read()方法:readlines()方法:readline()方法:file读取文件之readfile读取文件之readlines和reanline相对和绝对......
  • 【ESP32】打造全网最强esp-idf基础教程——15.WiFi连接STA模式
    WiFi连接STA模式一、ESP32的WiFi功能介绍    前面章节内容,基本上都是描述了ESP32强大的MCU能力,这些MCU能力使得ESP32可以替换许多类型的单片机工作,而自己承担这部分功能;当然ESP32的IOT能力才是它的主业,从硬件配置来看,ESP32支持2.4GHz频段WiFi+BT(LE)4.2,而esp-idf对WiFi......
  • vue+openlayers之几何图形交互绘制基础与实践
    文章目录1.实现效果2.实现步骤3.示例页面代码3.基本几何图形绘制的关键代码1.实现效果绘制点、线、多边形、圆、正方形、长方形2.实现步骤引用openlayers开发库。加载天地图wmts瓦片地图。在页面上添加几何图形绘制的功能按钮,使用下拉列表(select)设置几何图形绘制......
  • 【SPIE独立出版】第三届智能机械与人机交互技术学术会议(IHCIT 2024,7月27)
    由北京航空航天大学指导,北京航空航天大学自动化科学与电气工程学院主办,AEIC学术交流中心承办的第三届智能机械与人机交互技术学术会议(IHCIT2024)将定于2024年7月27日于中国杭州召开。大会面向基础与前沿、学科与产业,旨在将“人工智能”、“智能系统”和“人机交互”等学......
  • 在Windows操作系统中,与文件系统进行交互主要通过一系列的API函数来实现,这些函数包括底
    操作文件系统API与操作系统的文件系统进行交互,涉及到底层的文件系统操作和文件属性管理。不同的操作系统提供了不同的API和机制来执行这些操作,但基本的原理和流程大致相似。文件系统API的基本操作1.文件时间戳(创建时间、修改时间、访问时间)创建时间(CreationTime):表示文件被创......
  • 微软预计年底实现实时语音界面;硅基智能开源 AI 数字人交互平台 Duix丨 RTE 开发者日报
       开发者朋友们大家好: 这里是「RTE开发者日报」,每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享RTE(Real-TimeEngagement)领域内「有话题的新闻」、「有态度的观点」、「有意思的数据」、「有思考的文章」、「有看点的会议」,但内容仅代表编......
  • Unreal模型云渲染方案、发布到Web页面以及与Vue交互
    一、Unreal模型云渲染方案Unreal模型的云渲染方案主要基于服务器进行图像渲染,并通过视频流的方式推送给浏览器。以下是云渲染的详细步骤:工程上传:打开客户端网盘入口,添加工程所在路径。点击一键上传,选择Xneo21区域,自动传输工程目录内相关资产。任务提交:在网盘客户端中......
  • RocketMQ 基础教程-高级功能汇总
    作者简介:大家好,我是smart哥,前中兴通讯、美团架构师,现某互联网公司CTO联系qq:184480602,加我进群,大家一起学习,一起进步,一起对抗互联网寒冬学习必须往深处挖,挖的越深,基础越扎实!阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析......