您的位置: 首页 > 软件教程 > Axure > Axure常用交互效果制作?老司机带带你!

Axure常用交互效果制作?老司机带带你!

6.0分
出处:3lian.com 时间:2018-04-19

您可能感兴趣的话题: Axure  

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

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

  1.带提示的文本框

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

  第一步:

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

Axure常用交互效果制作?老司机带带你!

  第二步:

  双击widget properties面板里的

Axure常用交互效果制作?老司机带带你!

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

Axure常用交互效果制作?老司机带带你!

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

  第三步:

  双击widget properties面板里的

Axure常用交互效果制作?老司机带带你!

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

Axure常用交互效果制作?老司机带带你!

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

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

Axure常用交互效果制作?老司机带带你!

网友评论
精品软件课程
更多 >
快播播放器(Qvod Player)是一款基... [详细]
360安全卫士是当前功能最强、效果最好、最受... [详细]
会声会影(Corel VideoStudio... [详细]
腾讯QQ支持在线聊天、视频电话、点对点断点续... [详细]
搜狗拼音输入法是网上最流行、功能最强大的拼音... [详细]
Windows 7 是由微软公司开发的,具有... [详细]