【Mockplus教程】表格

Mockplus对于表格的控制,采用的是通过文字来控制外形和数据的方法。稍微熟悉后,你会发现,这种方式可以很快地组装表格。

如图,这里是一个表格:

表格1

双击这个表格,进入编辑,看到如下的文字:

表格2

好像很难?

别急,我们马上就能明白文字的意思:

首先来看第一横排(表头)和最后一个横排(列宽控制):

第一横排:”姓名 ^, 年龄 ^v, 拼音, 职位 v”

表示: 此表格是4个纵列,分别是姓名(升序)、年龄(升降序)、拼音、职位(降序)。

最后一个横排:”{35L, 30R, 35, 30C,20C}”

其中,”35L”表示第一纵列的宽度为表格宽度的35%,左对齐(Left)。当然,你一定明白:R表示右对齐(Right),C表示居中对齐(Center)。

现在来看中间的横排(内容)

第二横排:”张三, 43, zhang san, 总经理, [x]”

表示: 姓名为张三,年龄为43,拼音是zhang san,职位是总经理。最后的”[x]”,表示此排附加一个复选框,并且状态是选中。

第三横排:”李四,28, li si, 设计师,[]”

表示: 姓名为李四,年龄为28,拼音是li si,职位是工程师。最后的”[]”,表示此排附加一个复选框,并且状态是不选中。

(小建议:如果你需要装入的数据很多,你可以先找个自己顺手的文本编辑器,先写好,然后一次粘贴进去)

此外,在属性面板中,还有其他对表格的设置,比如线条颜色等等。这里不赘述。

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/10110/

(0)
yanz kontolyanz kontol
上一篇 2015-10-17
下一篇 2015-10-19

相关推荐

  • [Mockplus教程]重命名

    对页面和分组的重命名可以选中单个页面,然后使用F2进入名字修改状态,改完之后鼠标随便 点击其它地方即可完成修改。 对于选中页面也可以双击页面节点进入修改状态。 完整演示如下:

    Mockplus 2015-09-18
  • 【Mockplus教程】备注

    每个页面都可以添加备注信息,打开需要添加或者查看备注信息的页面, 在页面节点上面鼠标右击,弹出菜单中选择“页面属性”一项,如下图: 在弹出的对话框中,即可查看备注或者编辑备注,编辑好备注之后点击“应用”按…

    Mockplus 2015-08-31
  • Mockplus原型交互跟我做之12–使用滚动区组件实现页面滚动

    Mockplus使用滚动区组件实现页面滚动

    2016-07-18
  • [桌面版] 在 Mockplus 2.1 (预览版)中使用滚动区

    1、添加一个滚动区。为方便查看,可以设置一个背景色 2、双击编辑滚动区 3、点击滚动条两端的按钮可以扩展或收缩滚动区中的内容。在两端按钮按下的同时,按住Ctrl键,可以加速扩展或收缩。也可以直接把内容组件拖到…

    2015-11-12
  • [Mockplus教程]如何批量导入图片到收藏夹中?

    有项目打开时,定位到“我的收藏”的“图片”选项,在下拉菜单选择“批量导入图片”, 根据提示选择导入图片。 完整演示如下:

    Mockplus 2015-09-18
  • Mockplus演示和分享原型设计的8种方式

    Mockplus目前是国内比较流行的原型设计工具,功能上,相比Axure不算全面和强大,但在不少功能上有它独到之处。Axure有个比较让人头疼的地方,就是对于移动App项目的预览和演示比较麻烦,而这个方面,Mockplus展现了…

    2023-03-03
  • 国外设计师眼中的原型工具Mockplus

    今天,我们评述一款新型设计工具,Mockplus,专为设计师而打造的创新性原型设计工具。Mockplus适合于各种应用软件的制作,无论是手机应用,网页应用,亦或是桌面应用,方便快捷。让我们先来看一看为什么说Mockplus…

    2015-10-21
  • 简单易用的交互设计工具:摩客串串Chinco

    今天给大家介绍一款简单实用的原型交互演示设计工具—摩客串串Chinco。 为什么要介绍这款产品呢? Chinco是继国产原型设计软件Mockplus之后,由摩客团队独立设计开发又一个面向设计师的产品,主要使用者就是咱们的UI…

    2016-01-06
  • Mockplus原型交互跟我做之9–再说“链接点”

    上次我们已经对链接小圆点进行了图文并茂的说明,其实无论是跨页链接还是页内链接,在链接创建好了之后,选中按钮,当你把鼠标移动到小圆点的时候,它会自动指示链接目标(链接到的页面或者组件),请参考如下演示…

    2016-07-07
  • 【Mockplus教程】标尺和参考线

    每个页面都拥有单独的标尺和参考线,可以用于辅助组件的对齐以及尺寸调整。   1. 使用标尺   新建页面之后,在主菜单中选择“显示标尺”即可看到工作区左边和上边显示出 标尺。标尺有两种显示方式:百分比…

    Mockplus 2015-08-31