如何使用Mockplus的表格

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

如图,这里是一个表格:

如何使用Mockplus的表格

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

如何使用Mockplus的表格

好像很难?

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

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

第一横排:"姓名 ^, 年龄 ^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,职位是工程师。最后的"[]",表示此排附加一个复选框,并且状态是不选中。

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

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

上一篇:摩客—原型设计工具[Win/OS X]


下一篇:Mockplus: 让小白产品经理上手就用的原型图设计工具