`
peterwanghao
  • 浏览: 130109 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Axure RP 使用示例-标签页

 
阅读更多

在Axure RP中使用动态面板来实现标签页。

拖拽Rectangle分别做为标签和内容,设置标签内容和样式。

选中所有内容,右键 Convert-〉Convert To Dynamic Panel将页面转为动态面板.

添加状态。右键动态面板管理器中的State1,点“Add State”


双击State1,打开状态页。为标签设置OnClick事件。

拷贝State1的内容到State2,State3中。Ctrl+C和Ctrl+V,修改相关内容。

修改State2中标签的颜色。选中标签然后点击工具栏里的“Format Painter”。

在弹出的窗口中选择要填充的颜色。将两个标签的颜色互换。

按“F5”产生原型,可验证生成的内容。


分享到:
评论

相关推荐

    AxureRP 8.0正式版(带丰富插件)

    标签中的"AxureRP Pro 8.0绿色版"可能是指这个版本是便携式的,不需要安装即可运行,便于在不同设备间携带和使用,也不会在系统中留下冗余文件。"插件"一词则强调了该版本包含的各种扩展工具,这些插件可以增强原型...

    axurerp8快速入门

    通过本指南的学习,相信您已经掌握了 Axure RP 的基本使用方法。随着实践经验的积累,您会发现更多有趣和实用的功能,从而更好地利用这款工具来提升工作效率和产品质量。希望本指南对您的学习之路有所帮助!

    Axure原型设计之动态面板页面切换(tab页)

    ### Axure原型设计之动态面板页面切换(tab页) #### 一、动态面板的基本概念 在Axure RP软件中,动态面板是一个非常重要的组件,它能够实现多种复杂的交互效果,例如隐藏显示、移动动画以及状态切换等。动态面板...

    Axure rp 设计全库.zip

    总的来说,"Axure rp 设计全库.zip"对于任何使用Axure RP8进行原型设计的人来说都是宝贵的资源。无论你是正在学习Axure的新手,还是寻求提高工作效率的专业人士,这个全库都能提供大量的设计素材和交互示例,帮助你...

    axure.8工具类

    在描述中,反复提到了".rp文件工具",这表明压缩包内容与处理或使用.axureRP(简称(rp))文件有关。.rp文件是Axure RP创建的项目文件,它包含了设计原型的所有元素,如页面、交互、注释和变量等。"绿色版打开可用...

    页面原型规范 与 Axure RP Pro教程

    - **TAB标签页**:实现内容切换,提高空间利用率。 - **网页编辑器**:支持富文本编辑,常用于撰写文章或文档。 #### 五、典型页面 - **列表页面**:展示一系列项目或记录,通常包含搜索、排序功能。 - **编辑页面...

    Axure RP Pro 8.1绿色便携版下载 v8.1.0.3372中文版【内含授权码】

    标题中的“绿色便携版”意味着这个版本的Axure RP Pro 8.1 不需要通过常规的安装过程,而是可以解压后立即使用。这对于经常在不同设备间切换工作或者不希望在系统上留下太多软件痕迹的用户来说非常方便。同时,...

    axure 设计样例- 略晓网站原型

    在Axure中,你可以学习如何设置动态面板、定义状态以及设置点击事件,以实现在不同标签页间平滑过渡的效果。 接下来是"弹窗.rp"。弹窗在网站中经常用来显示提示信息、用户确认对话框或者登录注册等交互。在Axure中...

    AXURE后台管理模板案例.zip

    2. AXURE后台管理模板案例:可能是关于模板的说明文档或者示例图片,帮助用户理解如何使用这个模板。 使用这个模板时,设计师可以参考其布局、组件和交互,根据实际需求进行调整。例如,可以修改页面的导航结构,...

    Axure Quick 网站原型设计工具资料(pdf)

    - **示例文件准备**:下载示例文件`QuickStart.rp` (可在[www.axure.com/Samples/QuickStart.rp](http://www.axure.com/Samples/QuickStart.rp)获取),以便跟随教程进行实践操作。 #### 四、设计线框图 - **添加...

    Axure中插入视频的3种方式示例.zip

    如果你不想在原型中直接显示视频,但希望用户能够点击后在新的浏览器窗口或标签页中观看,可以使用图片占位符配合链接的方式。首先,添加一个图像组件,然后设置该图像为视频的截图。接着,为这个图像添加一个链接...

    老二牛车Axure夜话:中继器系列视频教程之中继器表格分页动态页数

    在IT行业中,Axure RP是一款广泛使用的原型设计工具,它允许设计者快速创建交互式的网页和应用程序原型。"老二牛车Axure夜话:中继器系列视频教程之中继器表格分页动态页数"这个标题指向的是一个关于Axure RP中继器...

    Axure夜话之嵌入代码系列视频教程之嵌入腾讯微博秀.rar

    【标题】"Axure夜话之嵌入代码系列视频教程之嵌入腾讯微博秀.rar" 涉及的核心知识点是使用Axure RP进行交互设计,特别是如何在原型中嵌入外部代码,例如嵌入腾讯微博秀。这是一套由老二牛车教育程矢主讲的视频教程,...

    CRM客户资源管理系统后台axure原型图RP模板产品经理网站后台Z323.zip

    "CRM客户资源管理系统后台axure原型图RP模板产品经理网站后台Z323.zip" 是一个包含使用Axure RP创建的原型设计模板的压缩文件。Axure RP是一款流行的原型设计工具,它允许产品经理和设计师快速绘制交互式线框图、...

    Axure交互原型Web组件库 完整版v1.rp

    常用切换标签页 简洁菜单切换 卡片式菜单切换 分页 Pagination 常用分页组件 扩展分页组件 简洁分页组件 进度条 Progress 常用进度条 步骤条 Steps 常用步骤条 迷你步骤条 图标步骤条 垂直...

    多功能资讯、电商APP的Axure原型套装下载[For iOS,rp]

    最后,“Axure原型”表明设计工具是Axure RP,这是一种广泛使用的交互原型设计软件,能够帮助设计师快速构建高保真度的交互模型。 在【压缩包子文件的文件名称列表】中,我们看到唯一的条目“41486”,这很可能是...

    Axure集合多个Demo样式案例

    标签“AXURE DEMO 案例”进一步确认了这是一个关于Axure原型设计的学习资源,包含了一系列演示示例,涵盖了不同的设计场景和需求。这些Demo可能包括登录注册、导航菜单、表单填写、滑块、轮播图、下拉菜单等常见的UI...

    OTH003 - AxureUX信息化精美简历模板精简版.7z

    2. 使用指南或教程:可能包含PDF或其他格式的文件,指导用户如何使用Axure RP来定制模板。 3. 示例简历:可能提供一个预填充的简历示例,展示模板的最终效果。 4. 图标、图片或图形资源:用于美化简历的视觉元素,...

    【Axure数据可视化大屏原型合集】之智慧行业智慧交通大数据可视化HTML版(旅游大数据模板).zip

    1. **Axure RP使用**:学习如何使用Axure创建交互式原型,包括设置动态面板、链接、事件处理等。 2. **大数据可视化设计**:理解如何将复杂数据转化为直观的图形,如使用颜色、形状、大小等视觉元素表达数据。 3. **...

    TEM011 - AxureUX中后台管理信息系统通用原型方案,跟其他的不同哦

    【标签】"axure"是指Axure RP,一款广泛使用的交互原型设计工具,支持创建线框图、交互原型以及规格文档。"页面原型"指的是在设计流程中,用以展示产品界面布局和功能的初期模型。"实例"可能包含多个预设的后台管理...

Global site tag (gtag.js) - Google Analytics