原型设计工具Axure RP参考(二十一):表格小部件

翻译|使用教程|编辑:况鱼杰|2021-01-25 13:58:23.350|阅读 525 次

概述:Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具,本文将介绍其中的表格小部件功能。

# 31款JAVA开发必备控件和工具 # 热门开发工具JetBrains系列产品限时优惠中>>

相关链接:

Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买Axure RP


编辑表格数据

您可以通过以下任意选项将文本添加到表格单元格或编辑其当前文本:

  • 双击单元格进入文本编辑模式
  • 选择单元格,然后按Enter键进入文本编辑模式
  • 选择单元格并开始输入。 (仅当您禁用单键快捷方式时,此选项才可用)

从电子表格应用程序粘贴

您可以从电子表格应用程序(例如Microsoft Excel和Google表格)中复制表格数据,并将其作为表格小部件粘贴到Axure RP中。 首先,将表格单元格复制到电子表格应用程序中。 然后,在Axure RP中,右键单击画布,然后选择“选择性粘贴”→“粘贴为表格”。

您还可以将表格数据粘贴到现有的表小部件中。 这样做,选择表的左上角的单元格,然后按CTRLV或CMDV。 粘贴的数据将填充表中已经存在的单元格。

注意:将数据粘贴到现有表小部件中时,新的列和行不会添加到现有表小部件中。 如果表太小而无法容纳粘贴的数据,请在粘贴数据之前向表中添加更多的列和/或行。

编辑行和列

添加,删除和移动行和列

要将行或列添加到表窗口小部件,请右键单击其单元格之一或灰色的行或列控件之一。在上下文菜单中,从以下选项中进行选择:

  • 在上方插入行
  • 在下方插入行
  • 向左插入列
  • 向右插入列

要删除行或列,请右键单击该行或列中的单元格,或右键单击适当的灰色行或列控件。在上下文菜单中,选择“删除行”或“删除列”。要重新排列表格的行和列,请选择灰色的行或列控件,然后将其上下左右拖动。

调整行和列的大小

您可以通过单击其边框之一并拖动来更改行的高度或列的宽度。您还可以使用“样式”窗格中的“ W”和“ H”字段设置单个单元格的宽度和高度。这将自动调整单元格所属的行和列的大小。

要一次调整多个单元格的大小,请单击并拖动或通过按住SHIFT键单击每个单元格来选择它们。然后,使用W和H字段。

特殊互动

与单个单元格相互作用

表格小部件中的每个单元格都有其自己的事件,可用于设置特定于该特定单元格的交互。 例如,您可以配置单元格的Click或Tap事件以在页面上显示另一个小部件。

您还可以在交互和条件中定位单个表单元格。 例如,您可以使用“设置文本”操作更改单元格上的文本,并可以使用“控件上的文本值”选项评估单元格上的文本。

注意:

  • 当您将鼠标悬停在“选择小部件”下拉菜单中的单元格名称上时,该单元格在画布上以黄色突出显示。 在上面的屏幕快照中查看第3列的单元格作为示例。
  • 您还可以在“交互和注释”窗格中命名单个表格单元格,以使其更易于查找。

局限性和解决方法

图片

表格单元格不能包含图像,只能包含文本。 要模拟图像列,请在表格中创建一个空列,然后在其顶部放置图像小部件。

合并单元格

表小部件单元格无法合并。 要显示合并的表格单元格的外观,请在要合并的单元格上放置一个矩形小部件。 然后,将矩形上的文本设置为将占据合并单元格的文本。

交替的行颜色

要使行颜色交替出现,请将每隔一行中的单元格的填充颜色更改为所需的颜色。

注意

您可以使用表格小部件旁边的灰色框来选择一行中的所有单元格,并且可以CMD / CTRL单击它们以多选行。

行的鼠标悬停样式

要使整个表行具有鼠标悬停或悬停样式的外观,请在该行的顶部放置一个矩形小部件。给该矩形一个半透明填充,并为其分配一个MouseOver样式效果。

动态添加,删除,排序和过滤行

无法在Web浏览器中动态添加,删除,排序或过滤表行。若要将此行为原型化,请尝试以下操作之一:

  • 使用多状态动态面板模拟对表小部件的动态更改。在动态面板的每种状态下,放置一个表小部件,其中已进行了预期的更改。当需要进行给定的更改时,请显示其相应的动态面板状态。
  • 如果需要能够对表进行真正的动态更改,请改用Repeater小部件。

不适应

表格小部件的所有方面在所有自适应视图中都是一致的。若要在自适应视图之间为表格设置样式,可以在每个自适应视图中“放置”一个不同的表格窗口小部件,从每个视图中“取消放置”为其他自适应视图设计的表格窗口小部件。

推荐阅读:

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程


想要获得Axure RP更多资源、正版授权的伙伴,请咨询【慧都客服】了解

关注慧聚IT微信公众号☟☟☟,了解产品的最新动态及最新资讯。

慧聚IT


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至hey@evget.com

文章转载自:Axure Software

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线咨询
联系我们

客服热线
023-68661681

QQ客服

意见反馈


添加微信获专业服务

TOP
在线客服系统
live chat