AxureRP7.0基础教程系列 部件详解 表格Tabel

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

Tabel 表格



组织数据

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



添加/删除行和列

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



添加/删除行或列

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



填充表单内容到表格

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



点击单元格显示面板

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

本帖分享可见的内容

案例下载

查看效果



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



表格的局限性

1.鼠标单击单元格无法输入文字,单元格默认要双击才可以输入文字。要实现单击输入文字状态,可以使用 Text Field 部件覆盖在单元格上面。

2.不能同时添加多行或多列,表格只允许每次添加一行或一列。

3.不能动态添加行或列。如果你希望使用动态添加行/列功能,请使用中继器部件Repeater.

4.不能对表格中的数据进行排序和过滤。

时间: 2024-11-07 17:30:36

AxureRP7.0基础教程系列 部件详解 表格Tabel的相关文章

AxureRP7.0基础教程系列 部件详解水平线和垂直线 HORIZONTAL & VERTICAL LINES

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 水平线和垂直线 HORIZONTAL & VERTICAL LINES 使用案例 将页面区块化 最常见的用法是将内容分解成几个部分,比如,讲页面分为 header 和 body. 编辑线条 添加箭头 线条可以通过工具栏中的箭头样式转换为箭头:选中线条,点击箭头样式,在下拉列表中选择箭头样式. 线宽.颜色和样式 线条可以添加颜色.设置宽度和添加样

AxureRP7.0基础教程系列 部件详解 动态面板 DynamicPanel

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 动态面板 DynamicPanel 动态面板概述       动态面板(Dynamic panel) 动态面板是一个可以在层或状态中装有其他部件的容器. 你可以将动态面板比喻成相册,相册的每个夹层中又可以装进其他部件,并且每个夹层和里面的部件可以隐藏.显示和移动,并且可以动态设置当前夹层的可见状态.这些特性允许你在原型中演示自定义提示.灯箱.标签控制和

AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Inline Frame 内部框架 使用内部框架,可以嵌入视频,地图,和HTML到您的原型设计中.使用案例 模拟移动体验 使用手机外壳部件,并在手机外壳的内容区域添加内部框架,内部框架可以签入其他页面或站外链接并显示在手机外壳的屏幕上.这样可以在你的电脑上实现模拟移动设备的体验. 签入外部内容 外部的HTML文件.视频.地图等内容都可以签入到内部框架中

AxureRP7.0基础教程系列 部件详解 List Box 列表选择框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> List Box 列表选择框 常用案例 替代下拉列表 如果你想让用户查看所有选项而不需要点击选择的话,就使用列表选择框替代下拉列表. 多选 与下拉列表不同的是,列表选择框允许用户对选项进行多选. 编辑列表选择框 编辑列表选择框 项目的添加.删除.排序和批量添加操作,和下拉列表框都是一样的.唯一不同的是,列表选择框可以设置为允许多项选择. 列表选择框案例

AxureRP7.0基础教程系列 部件详解 中继器部件Repeater

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 中继器概述 REPEATER OVERVIEW 中继器部件是一款高级部件,用来显示重复的文本.图片和链接. 通常使用中继器来显示商品列表.联系人信息列表.数据表或其他. 中继器的构成 2 PARTS OFREPEATER 中继器数据集 Repeater Dataset 中继器部件是由中继器数据集中的数据项填充的.这些填充的数据项可以是文本.图片或页面链

AxureRP7.0基础教程系列 部件详解 文本框 Text field

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Text Field 文本框(单行)使用案例 收集表格数据 文本框(单行)经常用于收集表格内容传递给其他表格或其他页面中的表格,还可以进行函数运算. 登陆框 文本框可以用作登陆体验,加入逻辑条件和多个用例还可以对登陆成功/失败进行模拟. 编辑文本框 文本框类型 文本框可以给定特殊的输入格式,主要用来调用移动设备上不同的键盘.可选格式:文本.密码.Ema

AxureRP7.0基础教程系列 部件详解 HTML Button HTML按钮

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> HTML Button HTML按钮 为操作系统的浏览器体验而设计 HTML按钮的格式取决于你浏览原型的操作系统中的浏览器.它通常针对你的浏览器内置了鼠标悬停和鼠标按下时的样式,这和你操作系统中应用程序的样式类似. 编辑HTML BUTTON 提交按钮的填充颜色.边框颜色和其他大多数样式格式都被禁用了.取而代之的是生成原型后在浏览器中它会使用内建的样式

AxureRP7.0基础教程系列 部件详解 Droplist 下拉列表

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Droplist 下拉列表 常用案例 传递表格信息 下拉列表经常用于性别选择.信用卡过期日期.地址列表等形式.所选择的项存储在变量中,然后通过变量进行传递. 跨页更改动态面板状态 查看效果 使用下拉列表改变图片 在下拉列表的选项改变时,图片内容也与之对应改变.详情下载案例RP文件. 本帖分享可见的内容 下拉列表选项 查看效果 编辑下拉列表 添加.删除.

AxureRP7.0基础教程系列 部件详解 Check Box 复选框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Check Box 复选框 常用案例 作为附加选项 复选框经常用来允许用户添加一个或多个附加选项. 选择多个选项 在这个例子中,有多个选项可以选择.新手容易和单选按钮搞混淆,单选按钮只能选择一个. 编辑复选框要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中.复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置. 对齐方式 默认