【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原型交互跟我做之11–显示隐藏编辑背景

    在我们对弹出面板、抽屉、面板、滚动区等组件进行编辑时候,默认地,“外面”的编辑背景,会半透明地显示出来。 这对于编辑有好处,就是我们可以比较清楚地看到外面的情况,便于我们判断位置,放置组件,对齐组件等。…

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

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

    2016-07-18
  • Mockplus原型交互跟我做之10–关闭弹出面板的那点事儿

    弹出面板,是我们经常使用的组件。今天,就来说说关闭弹出面板的事儿。 内容相对不那么好玩,但是挺重要,所以你需要了解。耐心阅读下,你发现并不复杂,同样是简单的。 一、自动关闭 默认情况下,弹出面板弹出后,…

    2016-07-07
  • Mockplus演示和分享原型设计的8种方式

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

    2023-03-03
  • 【Mockplus教程】如何批量修改组件属性

    选择多个组件,在属性面板上面会显示这些组件的共同属性,而属性值为其中一个组件的属性值, 改变属性面板上面的属性后将应用到所有组件上。 以改变文字大小和颜色为例演示如下:

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

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

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

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

    Mockplus 2015-09-23
  • 微信小程序的原型设计尝鲜

    "小程序”来了,大世界要变了?微信小程序可能是近期业绩最火的话题之一了。这个根植于微信流量巨无霸的应用,将对应用市场、对微商、电商、对企业的开发成本、获客成本将产生深远影响?将制造出绕开Google Play和Ap…

    2016-10-17
  • 原型图设计工具对比

    原型图(或线框图)设计工具是创建网站和应用程序的利器,它让设计师和设计团队专注于原型产品的功能以及如何创建更好的用户体验。如今,市场上涌现了各类功能不一的原型工具。然而,从中挑选出一款最合适自己的也…

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

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

    2015-11-12