您当前的位置:首页 > 创业动态

axure取消动态面板

2017-08-03 00:00:00  校园生活网  本文已影响   字号:T|T

篇一:axure取消动态面板

Axure教程:如何使用动态面板?动态面板功能详解-Axure中文网 Axure中文网Axure官方正版

快速原型设计工具 2013-09-23 分类: 阅读(30512) 评论(1)

写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解。

关于Axure动态面板

动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个方面:

1、?? 隐藏与显示

2、?? 滑动效果

3、?? 拖动效果

4、?? 多状态效果

以上这些效果都在移动面板的元件属性里面体现。

那通过这几个属性都能实现什么样的功能呢?简单的举几个例子。

1、?? 显示隐藏效果

我们经常在做原型的时候,需要点击按钮后出现一些界面上没有的元素,比如:

情景A:登录功能在不填写用户名时点击登录按钮,显示出要求用户填写用户名的提示。

情景B:当我们需要在用户的某一个操作时,弹出一个提示框。当用户点击提示框的确定按钮时提示框消失。

诸如以上情景都需要用到动态面板的显示隐藏效果。

动态面板初始状态是隐藏还是显示,可以通过右键单击动态面板—编辑选项—设为显示(或)设为隐藏来实现。

2、?? 动态面板的滑动效果

与显示隐藏效果不同,动态面板的滑动效果一般是通过其他交互事件来激发的,可能是点击某个按钮,也可能是页面加载时实现。比如:

情景A:网站上的一些滚动文字的效果。

情景B:点击登录按钮,登录面板的弹出收起效果。

一般滑动效果都需要有复杂的激发过程,比如通过页面的onpageload事件。现在,在此不做过多讲解,以后通过案例来进行介绍,则更易懂一些。

3、?? 动态面板的拖动效果

动态面板的拖动效果,对于移动互联网产品原型来说是必须的,主要用于APP的产品原型。用来实现面板被拖动时产生的一些效果。

情景A:手机的滑动解锁功能。

情景B:手机页面的纵向浏览功能。

情景C:手机页面的横向换页功能。

……

动态面板拖动的作用非常重要,结合与之有关的系统自带变量能做出各种各样的效果。

比如,axure本身是没有随机数功能的,但是在拖动动态面板的时候,是可以实现随机数的功能的,这个将在之后的随机骰子案例中详细介绍,当然如果你axure的使用经验相对丰富,现在可以去小楼元件中下载随机色子元件进行参考。

4、?? 多状态效果

动态面板的多状态效果,是在网站原型中应用非常普遍的,大大减少了动态面板的数量。比如:隐藏一个面板,显示另外一个动态面板的效果,就可以用统一个动态面板的不同状态来实现;还有动态面板的滑进滑出效果有时也可以通过状态更换来实现,比如:小楼axurerp教程(四)动态面板滑动效果,就是分别用动态面板滑动与动态面板状态切换来实现的。在网页的原型中选项卡效果也可以通过动态面板状态切换来实现。

动态面板的不同状态还能实现图片轮播效果、图形转动效果等。

在axure中可以把元件或多个元件转换成动态面板,其实是把这些元件放在了一个动态面板的状态1里面,也就是说动态面板其实是一个多层的容器,容器的每一层可以包含多个元件。

我们可以在动态面板管理器中(软件界面的右下角,没有的话在导航栏-视图选项中勾选)去给动态面板添加多个状态,同时能够调整这些状态的顺序,来达到不同的显示效果。动态面板默认显示动态面板管理器中最上面的那个状态。

动态面板的介绍先到这里,在之后的教程里,我们再去慢慢的熟悉它的用法和特点。

作者:小楼一夜听春语

AD:【官方推荐】转载请注明出处: 标签: 上一篇

下一篇

相关推荐评论 1评论前必须登录!

 

#1

??

七七3年前 (2014-06-06)视频和教材推荐 Axure RP8 实战手册案例篇 推荐学习教材 79.00 AxureRP 8入门与实战视频教程 小楼出品 198.00 320.00 Axshare中国站包年使用帐号 299.00购买Axure正版授权 Axure RP 8.0 PRO 专业版 4,000.00 Axure RP 8.0 TEAM 团队版 7,000.00 Axure RP 8.0 Enterprise 企业版 9,000.00热门文章Axure RP 8.0中文汉化包 axure8中文语言包下载2017-03-03Axure7.0中文汉化语言包下载 axure汉化包2014-03-04Axure7.0注册码 Axure7.0序列号 Axure7.0License key2014-03-05小楼老师出品 Axure RP 8.0扩展元件库V1.2版2016-08-27Axure8.0移动元件库分享下载 出自设计师之手必属精品2016-06-13中文网官方交流QQ群Axure中四群:578124050

女产品经理群:608320040(只加妹子)

Axure中三群:145809843(两千人收费群)

Axure中二群:273547192(两千人老群骚货多)

Axure中一群:421353400(千人群已满)

PM求职2群:560902057(没失业就不要进!)

注意:请不要重复加群,否则我也不能拿你怎么样

Axure缘分问答 542524521(不是相亲群) 购买Axure RP正版授权 终身可用

2017   联系我们:sales@axure.com.cn

篇二:axure取消动态面板

用axure RP7.0 右键单击自己所要取消的动态面板,然后会出现一个选项为“Break Away First State”点击即可

篇三:axure取消动态面板

 Axure是目前比较方便的原型工具之一,下面简单介绍比较常用的两个使用方法,也是我们在画界面过程中提到的最多的问题。

注:本文Axure版本为7.0,不过所要叙述的这两个问题对版本限制不大。

首先,来整体看看它的主界面布局。

   

接下来进入主题:

*(一)隐藏与显示:

首先全部选中我们要隐藏的控件,然后右击,在弹出的快捷菜单中选择“设置隐藏”。怎么样,是不是超级简单?

那么,又该如何显示?

假设我们要单击某个按钮“显示隐藏控件”,让隐藏的都显示出来。

   (1)选中控件,在交互区双击“鼠标单击时”,弹出如下界面:

   (2)点击左侧“显示/隐藏”菜单,然后在右侧复选框中选中(转自:www.dao44.com 校 园生 活网:axure取消动态面板)要显示的控件,最后单击“确定”即可。

注意,这里大家经常不知道那个是隐藏的,这就需要我们对控件进行命名,如果不是必需的,在命名区写数字编号达到区分效果就可以了。

 

 *(二)弹出框:

 首先添加动态面板控件:

 

 然后双击这个动态面板控件,出现如下界面:

 

 选中State1,然后点击“编辑状态”图标,出现控制面板内容编辑区:

 

 我这里是加入了一个“矩形”控件,设置其背景色为浅灰,然后在里面放了一个label和一个image。

 设置完要添加的内容后,返回主界面,把控制面板设为隐藏:

 

 隐藏后的效果:

 

 最后,把它拖到你想让它出现的位置,再设置按钮单击事件: 

 编辑按钮的单击事件:和上面按钮隐藏类 ,区别是这里要选择“动态面板”菜单下的“设置面板状态”,然后在右侧选中要显示的面板,并在右下角设置为“显示”。

 

 好了,大功告成!按下F5即可在浏览器中看到效果。

动态面板不仅能动态添加,还有动态效果,如淡入淡出等。这样能给我们的页面添加更为绚丽的色彩。

 

 总之,这个软件的使用还是比较简单的,更多内容请大家看看使用手册。里面的模板和签入签出功能也很不错~

 

 

    本文二维码:
    本文链接: 复制地址

    图说天下