如何用Axure制作Tab页签
作者:锦心 来源:Alipay UED 发布时间:2009-02-08 17:53:00
这一段时间,我在进行“09帮助中心升级”项目,负责其中的白板和视觉设计,总算和Axure有了第一次的正式会晤。由于之前已经零散地学习过一些Axure的基础教程,也因Axure易用性还是挺高的,在制作大部分白板时,倒也得心应手。可…制作某个页面白板,需要使用Tab页签的时候,我碰到了问题--我不想通过刷新页面来达到效果…于是,我在网上寻求解决方案,找到了一大堆用Axure制作的Tab页签的样例文件和Axure源文件,可对于新手用户来说,理解起来还是有些困难。揣摩一番后,我总算明白了如何制作,现把整个过程整理了一下,希望能对同为新手的朋友有些帮助。(在往下看前,您需对Axure的工作环境有大致的了解,在此,我不对其进行讲解了^_^)
在制作这个教程时,我使用的是Axure RP Pro 5,为了让教程更简单,我们这次制作的Tab只有3个页签,分别为tab 1、tab 2、tab 3。
第1步:
拖动widget面板中的Dynamic Panel控件到线框图工作区中(如图1) ,蓝色区域的大小由我们要制作的Tab页签的大小决定,超出蓝色区域的元素皆不显示。
图1
第2步:
双击动态面板(即蓝色区域)打开一个动态面板状态管理器(Dynamic Panel State Manager)对话框,在对话框中你可以创建、重命名、重新排序、删除和编辑动态面板的状态(如图2)。
图2
为了便于记忆,我们对动态面板状态管理器进行以下编辑(如图3):
a.在Dynamic Panel Label中输入“Tab页签设计”(可依据你的喜好设置,最好能易识别和记忆)
b.单击“state 1”,呈选中状态,点击右侧“Rename”按钮,重命名为“tab 1”
c.在 Add new state的右侧输入框中输入“tab 2”,点击“Add”按钮。重复操作,添加“tab 3”。
图3
第3步:
双击动态面板状态管理器(Dynamic Panel State Manager)中的“tab 1”,在蓝色虚线框内绘制tab 1的页面,效果如图4。
图4
猜你喜欢
- 防止一般的采集以及小偷读取,加在顶部。同理,可以改造成JS脚本。下面的方法是通过选择同一IP的访问频率来达到防止采集的目的,就是可能也把搜索
- 如何同时处理数据库和页面错误? If Err.Number = 0 And ob
- 1 引言 在关系数据库(DB2,Oracle,Sybase,Informix和SQL Server)最小的恢复和交易单位为一个事务(Tran
- 我在网站上设置了邮件列表功能,实现用户自动订阅和发送,但很多用户输入和提交的邮件地址格式都是无效的,无法处理。请问如何解决这一问题?&nbs
- 一个更易读的网站意味着网站使用性的改良以及提供愉悦的阅读体验。我们希望浏览者们能或者这些好处不是吗?这篇文章我们将介绍5个简单的方法让你能提
- 在我的上篇文章发出之后,我听到对“WEb2.0视觉风格”这个称谓的不认同声音。其实这并不出乎我的意料,因为,我在认真的开始思考“WEb2.0
- 先谈一下面包屑的由来:很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来
- 摘要:本文介绍了有关数据表的优化技巧,主要内容有,选择表的类型,打开尽量少的表,锁定表与查询速度的关系以及如何优化表以达到提高查询速度的目的
- 长话短说,看这个 form 元素:<form method="post" action=&qu
- ▲ SHOW执行下面这个命令可以了解服务器的运行状态mysql >show status;该命令将显示出一长列状态
- 以下是涉及到插入表格的查询的5种改进方法:1)使用LOAD DATA INFILE从文本下载数据这将比使用插入语句快20倍。2)使用带有多个
- 现在有一个xml,格式如下: 代码如下:<date> <item> <id>&nbs
- 获取一组radio被选中项的值var item = $(’input[@name=items][@checke
- 作者:Jim Ley(主页)译者:Sheneyan(子乌)时间:2006.1.29英文原文:http://jibbering.com/200
- 有些使用Z-Blog的用户询问我,怎么实现我的月光博客首页上这种自动图文混排的版式效果,今天我就详细介绍一下在Z-Blog中实现这种图文混排
- 前几天玩了玩Google的Map API,感觉还不错,很简单。但凡有过任何编程经验的同学,看完以下的教程,都可以在10分钟内掌握它的主要功能
- 本文整理了3种鼠标经过图片,图片边框加粗或改变颜色的方法,希望大家喜欢。下面3中只是提供了一个方法,具体的鼠标经过图片的样式,你自己可以修改
- SQL Server导出表到EXCEL文件的存储过程:*--数据导出EXCEL导出表中的数据到Excel,包含字段名,文件为真正的Excel
- 假设你的变量叫做 MyArray,我们可作如下处理:Dim strDim strDelimiterstrDelimite
- 好久没有写ASP代码了,今天在做一个简单的留言本时,出现了一下错误:Microsoft Office Access Database Eng