【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教程】收藏和重用

    1. 制作模板   选择需要制作为模板的页面,鼠标右击,弹出的菜单中选择“加入到模板收藏”,然后选择相应 的模板库,如果没有模板库会提示新建一个。 加入成功之后会在左边模板收藏栏中看到模板页面的缩略图。 &…

    Mockplus 2015-08-31
  • 【Mockplus教程】标尺和参考线

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

    Mockplus 2015-08-31
  • Mockplus原型交互跟我做之7 - 拉长页面做滚动,并固定顶部和底部

    在Mockplus的App项目,你可以快速地拉长页面做滚动,并且固定顶部和底部。请看视频:

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

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

    2016-07-18
  • 【Mockplus教程】页面属性

    每个页面都具有独自的属性,通过页面属性对话框可以设置 页面的背景、统一字号以及相应平台的页面尺寸等。 打开需要添加或者查看备注信息的页面,在页面节点上面鼠标右击, 弹出菜单中选择“页面属性”一项,如下图:…

    Mockplus 2015-08-31
  • [Mockplus教程]创建

    新建页面可以使用三种方式来实现: 1 点击右边页面树顶部的“+”按钮; 2 在右边页面面板空白处右击,在弹出菜单中选择“新建页面”; 3 直接使用快捷键Ctrl+Enter(MAC系统为Command+Enter)。 下面为三种方式新建页面…

    Mockplus 2015-09-18
  • 【Mockplus教程】删除

    1 删除单个页面或分组 直接选中需要删除的页面或分组,在右键菜单中选择“删除”,或者使用Delete键删除; 2 删除多个页面或分组 在同一个分组下,按住Ctrl键,鼠标单击页面选择多个需要删除的页面或分组,然后右击选…

    Mockplus 2015-09-10
  • 使用Mockplus的九大理由

    作为交互师什么工具最得心应手尼?我用过了很多原型设计工具。最后发现单单一个工具不能满足所有需求,所以我根据项目来选择不同工具。比如客户要求高保真,要真机演示,我会考率Justinmind和 Mockplus,前者是国外…

    Mockplus 2015-03-17
  • 【Mockplus教程】如何修改手机外壳?

    在移动项目设计过程中,手机外壳只是一个样式,无需过于在意。当然可以通过切换组件的风格来改变手机外壳的颜色。

    Mockplus 2015-09-23
  • 【Mockplus官方教程】mockplus为什么在Windows XP上无法安装?

    此前微软官方已经声明不再维护Windows XP系统, Mockplus出于长远考虑,决定不支持XP系统以腾出精力积极支持Windows 7 / 8 / 10。 对于还在使用Windows XP系统的用户,可以使用Mockplus  Web轻便版来做原型设计。 …

    2015-07-31