摹客教程

摹客教程

摹客,让设计更快更简单

文字表格组件

文字表格组件通过文字来控制表格的外形和数据。这种表格的方式可以很快地组装表格。

如图,这里是一个表格:

1.png

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

2.png

好像很难?

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

 

在Mockplus的表格组件中,

第一行中的文字代表“表头”内容,符号代表“排序方式”。如图中的:姓名 ^, 年龄 ^v, 拼音, 职位 v”。

什么意思呢?

 

首先,可以看出该表格共有4列。在Mockplus的表格中,英文逗号被用于“分列”。第一行中有3个英文逗号,将该表格分成4列。

其次,表头内容为:姓名,年龄,拼音和职位。

符号^代表“升序”,v代表“降序”,^v代表“升降序”。

因此,第一行(表头)代表的意思是:姓名(升序)、年龄(升降序)、拼音、职位(降序)。

 

再来看最后一行:{4,2R,4R,4C,2C}

在Mockplus的表格组件中,

最后一行的内容可以控制表格的“列宽”,以及表格中文字的“水平对齐方式”。

注:最后一行文字必须被 {} 括起时,才具有上述作用。

在{4,2R,4R,4C,2C}中,

字母R、C分别代表右对齐和居中对齐。那么左对齐如何表示呢?没错,用L。

即:

 

L-Left – 左对齐

C- Center – 居中对齐

R – Right – 右对齐

注:没有写字母时,表格中文字默认左对齐。

 

那么,最后一行中的数字:4,2,4,4,2代表什么呢?

其实是指表格中5个列的宽度比为:4:2:4:4:2, 观察一下,你就会发现,的确是这样!

 

现在来看中间这几行,即表格的“内容”。

这几行中,文字都代表对应列的内容,如第二行:

“张三, 43, zhang san, 总经理, [x]”

表示:姓名为张三,年龄为43,拼音是zhang san,职位是总经理。

 

我们来重点看看这几行中的符号[x],[], r代表什么:

[x] 代表“复选框”,且状态是选中。

[]也代表“复选框”,状态是未选中。

r 代表换行。(前后无需空格)

 

小建议:如果需要装入的数据很多,不妨先在文本编辑器中写好,再一次粘贴进去。

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

 

另外,Mockplus还为大家提供了更加简单、易操作的表格,可以看看教程:表格组件

 

 

相关阅读:

 


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!