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

 


  • 选择单元格并开始输入。 (仅当您禁用单键快捷方式时,此选项才可用)

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

从电子表格应用程序粘贴

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

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

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

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

添加,删除和移动行和列

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

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

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

调整行和列的大小

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

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

特殊互动

与单个单元格相互作用

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

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

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

注意:

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

局限性和解决方法

图片

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

合并单元格

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

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

交替的行颜色

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

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

注意

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

行的鼠标悬停样式

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

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

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

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

不适应

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

推荐阅读:

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

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


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

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年1月22日
下一篇 2021年1月22日

相关推荐

发表回复

登录后才能评论