首页 > 交互 > 关键词 > Axure最新资讯 > 正文

Axure常用交互效果制作

2011-09-20 10:30 · 稿源:盛大游戏ued

本文旨在分享一些在Axure中,相对复杂但又常见的交互行为的制作方法,本期包含带提示的文本框拖拽效果

1.带提示的文本框

将提示信息放置于文本框内是一种常见的交互方式。当文本框获得焦点时,提示文字消失。当文本框失去焦点时,提示文字重新显示出来。现在就让我们看下这种控件的制作方法。

第一步:

从widget库中拖出text field控件。双击控件在其中输入提示文字。然后在widget properties面板里,为该text field写入标签:“find people”。

第二步:

双击widget properties面板里的,然后在打开的case editor中,点击Set Variable/Widgets value(s)之后点击Open Set Value Editor。 设置如下图所示:

点击“OK”保存设置退出Set Value Editor和Case Editor。

第三步:

双击widget properties面板里的,然后在打开的case editor中,点击Add Condition,在Condition Builder里设置如下:

(该步骤的目的是,当用户在text field里面输入值之后,text field失去焦点时显示用户输入的值,而不再显示提示文字。)

点击“OK”保存设置并退出Condition Editor,然后再Case Editor中,点击Set Variable/Widgets value(s)之后点击Open Set Value Editor。 设置如下图所示:

点击”OK”保存设置退出Set Value Editor和Case Editor。

至此带提示的文本框的制作就结束了,按“F5”可在浏览器中查看效果~

2.拖拽

在设计中应用拖拽,可以直观有趣的替代移动、复制、添加、删除等操作。在Axure中,拖拽效果的实现相对复杂。具体如下:

第一步:

从widget 库中拖出一个矩形,双击添加文字“拖拽物”。在矩形上点击右键,选择Convert – Convert to Dynamic Panel。然后在widget properties面板里,为该矩形写入标签:“拖拽物”。

第二步:

选中该矩形,在软件右侧区域中的“组件属性(Widgets Properties)”中选择“交互(Interactions)”面板,双击“OnDragStart”, 在Case Editor中设置如下:

点击“OK”后保存设置并退出Case Editor。该步骤是为了保证在有多个拖拽物存在的时候,被拖动的拖拽物总是在最前面,不会被其他的拖拽物所遮挡。

点击“OK”后保存设置并退出Case Editor。

第三步:

双击“OnDrag”, 在Case Editor中设置如下:

注意此处在右下角的Move下拉菜单中默认是“with drag”,也就是说拖拽物会完全跟随鼠标移动。如果是选择“with drag x”,则是跟随鼠标x轴(水平)移动,垂直方向位置不变。如果是选择“with drag y”,则是跟随鼠标y轴(处置)移动,水平方向位置不变。

第四步:

双击“OnDragDrop”, 在Case Editor中设置如下:

注意此处在右下角的Move下拉菜单中默认是“to x,y beofore drag”,也就是说拖拽物在鼠标左键松开的时候,会回到起始位置。如果此处选择“with drag x”,则拖拽物停留于鼠标x轴坐标处。如果是选择“with drag y”,则拖拽物停留于鼠标的y轴坐标处。

点击“OK”后保存设置并退出Case Editor。

至此最简单的拖拽效果就已经实现了。按“F5”可在浏览器中查看效果。

写在最后

哈,这次就先分享这么多,希望大家能通过这两个小小的例子,能够更加熟悉Axure中Case Editor、Condition Builder和Set Value Editor的使用方法。如果有什么问题,欢迎大家交流指正~

文章来源:盛大游戏UED 转载请注明出处链接。

  • 相关推荐
  • 大家在看
  • 极速连接、拖拽互传 荣耀平板V6多屏协同体验:手机、平板合二为一

    当下,手机不离手已经成为很多人的常态。在很多轻办公场景中,需要用户不停在手机和电脑、平板之间来回切换,互传文件、接收消息,十分影响效率。有没有一种办法,让手机与大屏“合二为一&

  • 西瓜视频提示相似度过高

    西瓜视频是字节跳动旗下的 PUGC 视频平台,西瓜视频最近大有要追赶 B 站的势头。现在有的网友在西瓜视频发布了原创视频,却提示该作品疑似与平台其他作品相似度过高是怎么回事?以下是关于西瓜视频提示相似度过高的解答。

  • 联想撮合“四大天王”带货:罗永浩、王自如首次同框

    锤子创始人罗永浩已经退出手机江湖,专心做直播带货还债,但是老罗当年跟Zealer创始人王自如的直播可谓手机史上的一次经典。两人也自此结怨,大有老死不相往来的可能,直到现在两人同时出现在联

  • iOS14系统pasted from提示是什么意思

    不少用户在升级到iOS14系统之后出现了pasted from这样的提示,这是怎么回事,要如何处理pasted from提示问题呢,以下我们来一起看下具体的解决方法。

  • 三星提示Galaxy Z Flip不要贴膜:否则保修失效

    不少用户买来新机习惯性给手机贴膜,保护屏幕不被划伤。但是对于折叠屏,三星不建议贴膜。6月11日消息,据SamMobile报道,三星提醒客户不要在Galaxy Z Flip屏幕上贴膜。三星指出,如果在Gal

  • 苹果iCloud云服务宕机 提示“你选择的应用不存在”

    苹果公司的iCloud云服务在周二晚间出现宕机情况,导致用户无法进行云存储,同步服务,也没法访问邮件等其他产品和特定网页应用。美国东部时间周二晚间刚过7点,用户开始在宕机追踪网站Downdetector.com和Twitter上报告iCloud故障。一些用户被要求验证他们的iCloud账号,但是当他们尝试登录时,却收到了一条错误提示信息“你所选择的应用不存在”。另外,基于iCloud平台的Apple

  • iOS 14迎来健身交互新方式 支持手势与身体姿势检测

    苹果在 WWDC 2020 期间介绍了面向 iOS 14 和 macOS Big Sur 开发者的视觉框架更新,现已支持图像和视频中的人体与手部姿势检测。应用程序可借此分析目标人物的姿势、动作和手势,为潜在的交互体验开辟了更多的可能。由官方提供的示例可知,健身应用将可自动追踪用户是否有效地完成了锻炼动作。

  • 《Valorant》特战英豪提示错误代码43解决方法

    《Valorant》特战英豪是拳头旗下的 FPS 新游,游戏现在已经上线公测,许多玩家在下载游戏后打开的时候遇到了提示错误代码 43 的问题,接下来为大家带来解决的方法。

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 李佳琦质检团队全为研究生 李佳琦薇娅首次同框对话

    在 6 月 6 日晚间播出的央视财经的《对话》栏目中李佳琦薇娅同框直播带货。李佳琦和薇娅是目前直播带货领域两大公认的最顶级的主播。在央视财经的《对话》栏目中李佳琦薇娅首次同框对话,两大头部主播背后团队曝光。

  • 高德地图上线明星安全提示语音 提醒乘客全程系好安全带

    【TechWeb】6月23日消息,为了积极响应“一盔一带”安全守护行动,在端午小长假来临之际,高德地图推出了“安全出行粽动员”行动,在高德打车平台上线了多位明星的安全提示语音,提醒广大乘客全程系好安全带。高德地图邀请了杜江、霍尊、R1SE-何洛洛、丁禹兮、罗云熙、彭昱畅等多位明星,录制安全提示语音,提醒乘客“养成良好的出行习惯,乘车时先系好安全带,安全出行每一天。”用户通过高德地图打车,行程中界面右上角会随机出

  • 净水器十大品牌有哪些?智能提示功能的净水器

    冰尊净水器是第一大品牌!国际十大净水器颁奖典礼于 2020 年 5 月 31 在荷兰阿姆斯特丹举行。世界卫生组织、世界净水器质量认证协会、NSF认证协会、德国净水器质量监督协会等世界权威净水器认证机构担任专业评委。经过科学比较、严格检测和筛选,评选出净水器十大品牌排名: 净水器十大品牌:冰尊(BENSHION)净水器 2020 年,冰尊净水器、冰尊果蔬净水器、冰尊空气净化器被央视推荐上榜。我们应该相信品牌的力量! 冰尊净水器的优?

  • “小框中的世界”百家号美食领域收入排名,做自媒体月收入有多少

    备注:本文数据来自站长之家移动传媒平台,文章涉及的数据依托平台大数据计算所得,非百度官方数据,仅供参考。小框中的世界是当前百家号中的普通号,目前账号百家号权重为1,综合排名位列965898名,美食分类排名位列40376名,领先了13.5%的百家号。 小框中的世界百家号概况 小框中的世界的简介为你他妈的狗屁爱情,都给我滚,全都三心二意,是一家主旨明确、领域专注的自媒体作者,截止目前为止他们已经在百家号上发布了超过11篇?

  • 修改微信号提示不能修改且需完成微信账号风险评估怎么办

    微信前段时间可以一年改一次自己的微信号了,想必大家很多人都去尝试修改自己的微信号,但是有些朋友遇到提示“你暂时不能修改微信号”并且在下方要完成账号的风险评估,很多人还不清楚这个是什么意思,下面就来为大家详细的介绍一下。

  • 李国庆俞渝离婚案今日下午开庭审理 两人罕见同框

    凤凰网科技讯 6月15日消息,李国庆与俞渝离婚案今日下午在北京东城区人民法院审理。案件审理前,记者拍到了李国庆、俞渝罕见的同框画面。

  • 微软推广新Edge又出新招:开始菜单搜索其它浏览器会跳提示

    不知道主管们给了Edge浏览器团队多高的业绩考评,导致团队在推送他们新的、改进后的Edge浏览器时越来越激进。在他们的最新举动中,当用户使用开始菜单搜索启动另一个浏览器时,系统会在搜索结果下面提供一个使用Edge的提示。

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 入门级降噪耳机推荐 目前降噪效果最好的耳机

    入门级耳机也有不少的选择,比如价格上就是硬伤,入太贵怕费钱,太便宜怕不好用,来看看下面给罗列出的这些耳机产品吧,都是性能挺不错的耳机,这样可以根据自己的需求能力入手啦!!!1、Nank 南卡A1---599元南卡 NANK/A1真无线蓝牙耳机 ANC主动降噪入耳式跑步运动防水防汗商务带麦通话游戏安卓苹果通用 极光白京东商城¥589去购买南卡A1这款蓝牙耳机在制作工艺上并非很优秀,但是它在配置上是特别的高,所以很受消费者的欢迎。Na

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议