养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何利用Axure RP 8设计带有合计功能的表格

时间:2024-11-15 11:46:08

表格是一种直观展示数据的一种方式,可以形象、客观、杖莹镔痃明了统计展示。但是有时数据不仅仅是展示出来,还需要统计出来,比如展示合计、平们倪玺骋均值、最大值、最小值等。可以使用AxureRP设计原型工具制作一个表格,并且表格有合计功能的。下面利用一个实例说明带有合计的表格设计方法,操作如下:

如何利用Axure RP 8设计带有合计功能的表格

工具/原料

AxureRP8

截图工具

浏览器

图片工具

方法/步骤

1、第一步,打开AxureRP8设计软件,在元件库中菜单和表格找到表格元件,拖一个到画布中水貔藻疽,默认显示三行三列,如下图所示:

如何利用Axure RP 8设计带有合计功能的表格

2、第二步,添加行和列,使表格的行乘以列为11×5,调整表格的宽度和高度,如下图所示:

如何利用Axure RP 8设计带有合计功能的表格

3、第三步,分别以第一行作为表头,剩下的行作为数据内容显示;表头有序号、学号、姓名、语文和数学水貔藻疽,填充数据,如下图所示:

如何利用Axure RP 8设计带有合计功能的表格

4、第四步,将最后一行作为合计行,第一列最后一行为“合计”,接着是“---”,最后两列为语文和数学的合计,如下图所示:

如何利用Axure RP 8设计带有合计功能的表格

5、第五步,为了区分合计内容和其他的不同,将合计设置成橙黄色背景,让合计和其他行显示不同,如下图所示:

如何利用Axure RP 8设计带有合计功能的表格

6、第六步,将语文和数学最后一行进行合计,统计出前十条记录的合计,如下图所示:

如何利用Axure RP 8设计带有合计功能的表格

© 一点知识