[转载]AxureRP 7.0部件详解(一)
转载]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部件详解(一)相关推荐
- vue-cli3.0配置详解
这次给大家带来vue-cli3.0配置详解,使用vue-cli3.0配置的注意事项有哪些,下面就是实战案例,一起来看一下. 新建项目 1 2 3 4 5 6 7 8 # 安装 npm install ...
- 7、【转载】python yield generator 详解
7.[转载]python yield generator 详解 目录 generator基础 generator应用 generator基础应用 generator高级应用 注意事项: 正文 本文将由 ...
- mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页...
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页 简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...
- SeleniumLibrary4.5.0 关键字详解(五)
SeleniumLibrary4.5.0 关键字详解(五) 库版本:4.5.0 库范围:全局 命名参数:受支持 简介 SeleniumLibrary是Robot Framework的Web测试库. 本 ...
- 使用BleLib的轻松搞定Android低功耗蓝牙Ble 4.0开发详解
转载请注明来源: http://blog.csdn.net/kjunchen/article/details/50909410 使用BleLib的轻松搞定Android低功耗蓝牙Ble 4.0开发详解 ...
- [转载]用数据说话 Pytorch详解NLLLoss和CrossEntropyLoss
[转载]用数据说话 Pytorch详解NLLLoss和CrossEntropyLoss https://www.cnblogs.com/jiading/p/11979391.html NLL_Los ...
- Android消息传递之EventBus 3.0使用详解
前言: 前面两篇不仅学习了子线程与UI主线程之间的通信方式,也学习了如何实现组件之间通信,基于前面的知识我们今天来分析一下EventBus是如何管理事件总线的,EventBus到底是不是最佳方案?学习 ...
- 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 ...
- Less(v3.9.0)使用详解—变量
该系列: Less(v3.9.0)使用详解--基本使用 Less(v3.9.0)使用详解--变量 Less(v3.9.0)使用详解--嵌套和父选择器& Less(v3.9.0)使用详解--ex ...
最新文章
- [转载]C# 二进制与十进制,十进制与十六进制相互转换
- Loaded runtime CuDNN library: 7102 (compatibility version 7100) but source was compiled with 7004
- 转发:CentOS下tar压缩排除某个文件夹或文件及解压
- 你在乎的--世界在乎的
- 【剑指offer】面试题35:复杂链表的复制(Java 实现)
- C语言字符串、字符数组
- MS SQL 数据库状态为SUSPECT的处理方法
- 利用predis操作redis方法大全
- html和css实现时间表,前端 CSS : 6# 纯 CSS 实现时间线
- iPhone 13用什么蓝牙耳机?五款性能强悍蓝牙耳机推荐
- 南京市建筑物矢量数据(Shp格式+带高度)
- Conficker.AE病毒局域网扫描工具
- 致远V8.1 协同 最新版
- 进行淘宝商品比价的定向爬虫
- intel(r)wireless-ac9462异常//笔记本电脑网络无法连接???吐血后总结 :一次解决,史上最全,N种方案
- 阴阳师自动御魂觉醒超鬼王脚本
- 用好“亲和图”带你拨开云雾见月明
- awk(二)awk程序元素
- 地下水位监测预警方案 | 助力城市排水信息化
- android手机打魔兽,云计算+Android:手机直接玩魔兽
热门文章
- Ajax提交后Moedl And View不进行页面跳转的解决方案
- Java的poi的excel导入怎么判断日期格式的单元格
- git分支操作、分支合并冲突解决
- Django 出现 “multiple primary key defined”报错
- 二分法(折半查找)的运用之java实现猜数字游戏
- python最基本的规则是关键字吗,Python 关键字
- php的 each()用法,PHP each()用法及代码示例
- 重磅!神策智能推荐获 2019 大数据“星河奖”
- 【从前端到全栈】- koa快速入门指南
- 初学ArcGIS API for JavaScript