转载]AxureRP 7.0部件详解(一)

本文为Axure RT7.0教程,本章主要介绍menu菜单、table表格、Tree Widget 树部件三个部件,后续将持续更新......

Menu 菜单

常用案例

网站导航
菜单部件通常用于母板之中,其目的是在原型中跳转到不同页面。

编辑菜单
要编辑菜单,右键点击在弹出的上下文菜单中选择 在之前/之后新增菜单项、删除菜单、新增子菜单。

菜单样式
使用工具栏或部件样式面板可以编辑菜单样式,如填充颜色,字体颜色,字体大小等,需要注意的是子菜单是通过父菜单获取格式的。
要自定义菜单样式,参见 弹出菜单案例

菜单的交互样式
菜单可以添加交互样式:鼠标悬停时/鼠标按下时/选中,选择要添加样式的菜单(可以按住Ctrl多选)右键选择交互样式,或者在部件属性中设置。
需要注意的是,设置的交互样式被应用到哪里。如:仅该菜单项、仅该菜单、该菜单及所有子菜单。
案例下载
查看演示

常用交互

点击菜单项打开新页面
使用菜单项链接到其他页面或外部链接是使用最普遍的方式。

菜单部件的局限性
1. 无法嵌入图标和部件。但是,你可以通过创建自定义菜单来实现。
2. 无法点击展开子菜单。菜单部件默认是鼠标悬停展示子菜单的。

Tabel表格

组织数据
通常用来通过交互(如点击鼠标)在单元格中动态显示数据。

添加/删除行和列
要添加行/列,选择单元格点击右键,在上下文菜单中选则插入/删除行或列。

添加/删除行或列
要增加/删除表格的行或列,请将鼠标悬停在列表的顶部或侧面,当鼠标转变为黑色小三角时点击右键,选择增加/删除行或列。

填充表单内容到表格
将文本输入框的内容动态传递给表格是一种常用方式。提交按钮上的事件使用了局部变量,当鼠标点击时 设置 单元格的文本 = 文本输入框中的文本。
案例下载
查看演示

点击单元格显示面板
和上面的例子相似,点击编辑按钮显示含有编辑内容的动态面板,重新编辑后点击提交按钮,单元格内容改变,动态面板隐藏。
案例下载
查看效果

交互样式
表格中的单元格可以设置 鼠标悬停时/鼠标按下时/ 选中的交互样式,右键点击选中的单元格(可以同时按下Ctrl进行多选),然后在部件属性面板中设置交互样式。

表格的局限性
1.鼠标单击单元格无法输入文字,单元格默认要双击才可以输入文字。要实现单击输入文字状态,可以使用 Text Field 部件覆盖在单元格上面。
2.不能同时添加多行或多列,表格只允许每次添加一行或一列。
3.不能动态添加行或列。如果你希望使用动态添加行/列功能,请使用 中继器部件Repeater.
4.不能对表格中的数据进行排序和过滤。

Tree Widget 树部件

文件浏览
树部件可以用来模拟一个文件浏览器,点击不同的节点将隐藏和显示一个动态面板的不同状态。
当一个页面内有太多交互的时候,点击树节点也常被用来跳转到新页面。

编辑树节点

添加/删除树节点
右键点击一个节点,在弹出菜单中你可以添加/删除/移动节点。添加子节点将会添加到该节点的下一层。
在该节点前/后添加,是同级节点。

添加树节点图标
给你的树部件添加自定义图标,右键点击一个节点并选择编辑图标,导入一个图标,并选择应用到:该节点/同级节点或该节点、同级节点和所有子节点。关闭对话框,然后右键点击树 -- 编辑树属性,在弹出窗口中勾选 显示图标。

自定义展开/收缩图标
点击右键 -- 编辑树属性,在弹出的对话框中或部件属性面板中,可自定义展开/收缩图标。

树节点的交互样式
树节点可以添加鼠标悬停时/鼠标按下时/选中时的样式,右键点击树节点选择交互样式,或者在部件属性面板中设置。
案例下载
查看效果

树部件的局限性
1. 包含树部件的边框不能自定义格式。如果想制作自定义的树部件,请使用动态面板组合可以制作出你想要的效果。
2. 树节点可以上传图标,但是不能动态隐藏/显示嵌入到树节点中的部件。

本文为作者金乌投稿发布,转载请注明来源于人人都是产品经理并附带本文链接:《[教程]AxureRP7.0部件详解(一)》

本文转自SanMaoSpace博客园博客,原文链接:http://www.cnblogs.com/SanMaoSpace/p/4985525.html,如需转载请自行联系原作者

[转载]AxureRP 7.0部件详解(一)相关推荐

  1. vue-cli3.0配置详解

    这次给大家带来vue-cli3.0配置详解,使用vue-cli3.0配置的注意事项有哪些,下面就是实战案例,一起来看一下. 新建项目 1 2 3 4 5 6 7 8 # 安装 npm install ...

  2. 7、【转载】python yield generator 详解

    7.[转载]python yield generator 详解 目录 generator基础 generator应用 generator基础应用 generator高级应用 注意事项: 正文 本文将由 ...

  3. mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页...

    jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页 简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...

  4. SeleniumLibrary4.5.0 关键字详解(五)

    SeleniumLibrary4.5.0 关键字详解(五) 库版本:4.5.0 库范围:全局 命名参数:受支持 简介 SeleniumLibrary是Robot Framework的Web测试库. 本 ...

  5. 使用BleLib的轻松搞定Android低功耗蓝牙Ble 4.0开发详解

    转载请注明来源: http://blog.csdn.net/kjunchen/article/details/50909410 使用BleLib的轻松搞定Android低功耗蓝牙Ble 4.0开发详解 ...

  6. [转载]用数据说话 Pytorch详解NLLLoss和CrossEntropyLoss

    [转载]用数据说话  Pytorch详解NLLLoss和CrossEntropyLoss https://www.cnblogs.com/jiading/p/11979391.html NLL_Los ...

  7. Android消息传递之EventBus 3.0使用详解

    前言: 前面两篇不仅学习了子线程与UI主线程之间的通信方式,也学习了如何实现组件之间通信,基于前面的知识我们今天来分析一下EventBus是如何管理事件总线的,EventBus到底是不是最佳方案?学习 ...

  8. linux rpm安装zabbix,CentOS 7上安装Zabbix Server 3.0 图文详解

    CentOS 7上安装Zabbix Server 3.0 图文详解 1.查看系统信息. cat /etc/RedHat-release CentOS Linux release 7.0.1406 (C ...

  9. Less(v3.9.0)使用详解—变量

    该系列: Less(v3.9.0)使用详解--基本使用 Less(v3.9.0)使用详解--变量 Less(v3.9.0)使用详解--嵌套和父选择器& Less(v3.9.0)使用详解--ex ...

最新文章

  1. [转载]C# 二进制与十进制,十进制与十六进制相互转换
  2. Loaded runtime CuDNN library: 7102 (compatibility version 7100) but source was compiled with 7004
  3. 转发:CentOS下tar压缩排除某个文件夹或文件及解压
  4. 你在乎的--世界在乎的
  5. 【剑指offer】面试题35:复杂链表的复制(Java 实现)
  6. C语言字符串、字符数组
  7. MS SQL 数据库状态为SUSPECT的处理方法
  8. 利用predis操作redis方法大全
  9. html和css实现时间表,前端 CSS : 6# 纯 CSS 实现时间线
  10. iPhone 13用什么蓝牙耳机?五款性能强悍蓝牙耳机推荐
  11. 南京市建筑物矢量数据(Shp格式+带高度)
  12. Conficker.AE病毒局域网扫描工具
  13. 致远V8.1 协同 最新版
  14. 进行淘宝商品比价的定向爬虫
  15. intel(r)wireless-ac9462异常//笔记本电脑网络无法连接???吐血后总结 :一次解决,史上最全,N种方案
  16. 阴阳师自动御魂觉醒超鬼王脚本
  17. 用好“亲和图”带你拨开云雾见月明
  18. awk(二)awk程序元素
  19. 地下水位监测预警方案 | 助力城市排水信息化
  20. android手机打魔兽,云计算+Android:手机直接玩魔兽

热门文章

  1. Ajax提交后Moedl And View不进行页面跳转的解决方案
  2. Java的poi的excel导入怎么判断日期格式的单元格
  3. git分支操作、分支合并冲突解决
  4. Django 出现 “multiple primary key defined”报错
  5. 二分法(折半查找)的运用之java实现猜数字游戏
  6. python最基本的规则是关键字吗,Python 关键字
  7. php的 each()用法,PHP each()用法及代码示例
  8. 重磅!神策智能推荐获 2019 大数据“星河奖”
  9. 【从前端到全栈】- koa快速入门指南
  10. 初学ArcGIS API for JavaScript