张召忠干嘛去了_张召忠教授为何被解雇|环球新动态
1、退休了2015年7月8日下午,张召忠在接受电话采访时确认,自己已正式退休。2、谈到未来的打算,张召忠说,作为学者
在系统中,将excel表格的数据上传或导入,是一个非常常见且必要的功能。本文作者分享了如何在Axure中制作模拟上传表格数据效果的原型模板的教程,一起来学习一下吧。
在系统中,将excel表格的数据上传或导入,是一个非常常见且必要的功能。所以今天作者就教大家在Axure中怎么制作模拟上传表格数据效果的原型模板。
1、点击上传按钮后,可以选择本地的文件,如果不是excel文件,就会弹出提示,如果是excel文件,就会模拟显示表格数据;
【资料图】
2、可以修改已上传的表格数据;
3、可以在表格对应位置插入行、复制行和删除行。
导入后显示的表格我们主要分成3部分内容——表格表头、表格内容、操作按钮
1)表格表头
直接用多个矩形制作而成,需要多少行就添加多少个矩形,填写上对应的表头文字,案例中的模板共11列,包括序号、姓名、语文、数学、英语、政治、物理、化学、地理、生物、历史,摆放如下头所示
2)表格内容
表格内容我们用中继器来制作,中继器里面放置和表头一样的矩形,每列宽度要和表头一致,这样才能对齐,矩形默认透明色,这样不会挡住后面的背景色,禁用时的交互样式,我们设置边框线为蓝色。除第一个序号对应的矩形外,在每个矩形上方放置一个输入框,输入框的颜色也是透明,最后我们在底部添加一个透明的矩形作为背景矩形,背景矩形将整行内容包裹起来,设置元件选中样式为浅蓝色,后续做一个移入高亮变色的效果。
中继器表格也是共11列,我们把对应的内容如下图所示填写好:
在中继器每项加载时,我们用设置文本的交互,将中继器各列的值设置到对应的元件里,例如no列的值设置到序号对应的矩形,column1~10就分别设置到姓名、语文、数学……历史各个输入框里。
各个输入框获取焦点时,我们用禁用的交互,禁用该输入框对应的矩形,因为前面设置了禁用样式,所以禁用之后就会显示边框线,这样可以清楚选择了那个格子。
然后我们在用选中的交互,设置背景矩形选中,因为前面设置了选中样式是浅蓝色,所以就相当于将该行高亮变色了。
失去焦点时,用启用的交互,将背景矩形重新启用;用选中的矩形将对应的矩形设置为未选中,这样相当于恢复原状。然后我们还要把最新的值设置到中继器表格里,所以我们用更新行的交互,将中继器对应列该行的值设置为该输入框的值。
背景矩形选中的时候,我们要把要用一个默认隐藏的文本标记记录那一行的被选中,所以我们用设置文本的交互,将该行no列的值设置到记录no的文本。
记录这个文本是为了后面知道在哪里插入行。
如果都没有选中,就是取消选中的时候,我们将记录文本设置为中继器的总行数,那么后续插入行就会在最后一行插入。
所以在中继器载入时,我们要用排序的交互,对no列进行排序,这样后续插入行就可以根据插入对应的序号,控制插入行的位置
3)操作按钮
包括重新上传、插入行、复制行和删除行按钮,我们用图标+文字组成。
①插入行按钮的交互
点击插入行按钮时,我们用更新行的交互,更新选中的行选中行更新条件是目标行的no值,大于选中行的no值,例如选中的是第2行,那么第3行及后面的行就都要将序号+1。然后我们再用添加行的交互,添加一行新行,添加的序号就是选中行的序号+1,例如选中的行是第二行,那添加行的序号就是3。
②复制行按钮的交互
复制行的交互和插入行的交互基本一致,但是我们要先获取到选中行各个的数据,所以我们要有多个默认隐藏的文本来记录,在中继器每项加载时,如果所在行的no值和选中行记录的no值一致,我们就用设置文本的交互,将表格的内容设置到对应的文本标签来记录。
鼠标单击复制行按钮时,交互和插入行一致,只是添加行的时候,要将记录文本的值设置到中继器表格里。
③删除行按钮的交互
鼠标单击删除行按钮时,我们删除no列的值等于记录no文本的行,然后还要用更新行的交互,将序号大于记录no文本的行的no列的值等于他原来的值-1。
④重新上传按钮的交互
把所有元件组合转为动态面板,这一页就是表格页,然后我们新增一些空白页,放置在最上方,作为上传页。鼠标点击上传按钮时,我们用设置面板状态的交互,将动态面板设置到上传页。
上传页面我们用矩形+文字+图标组成,如下图所示摆放:
在里面我们还要准备需要一个输入框,输入类型选择文件,后续通过js调用本地文件的弹窗,一个文本标签命名为text,用于记录选中文件名,另外一个文本标签命名为click,只用于后续触发选择文件后的操作。
鼠标单击上传组合时的交互,我们用打开链接的交互,选择链接到URL,在里面我们可以通过js代码,触发输入框那个原件点击的交互,因为输入框类型设置成文件,所以点击他就会弹出本地文件选择的窗口。在选择完成后,我们将选中的文件名称设置到text的文本标签里,然后click代码触发click元件鼠标单击的交互。之前我在上传列表的教程里有详细的讲解,这里就不展开介绍了,不太明白的同学可以看回我之前的文章。
clic按钮鼠标单击时,我们判断回传到text文本的文本值是否包含.xls、.xlt、.csv这几种常用的表格的后缀。
如果不包含,代表上传的文件类型错误,弹出弹窗提示用户重新上传。
如果包含,就是表格文件,我们用设置面板状态的交互,将动态面板设置到刚刚做好的表格页。
这样我们就完成了能模拟表格上传效果的原型模板了,后续使用也是很方便,默认的表格内容只需要在中继器表格里维护,即可自动生成交互效果。
以上就是本期教程的全部内容,感兴趣的同学们可以动手试试哦,感谢您的阅读,我们下期见。
本文由 @AI产品人 原创发布于人人都是产品经理,未经许可,禁止转载
题图来自 Unsplash,基于 CC0 协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
1、退休了2015年7月8日下午,张召忠在接受电话采访时确认,自己已正式退休。2、谈到未来的打算,张召忠说,作为学者
2022年养老金是如何计算的?计算公式又是怎么样的?计算养老金其实质就是如何计算养老保险待遇计算,养老保险待遇的计算公式
金正恩女儿多个重要场合位居C位今天的热度非常高,现在也是在热搜榜上了,那么具体的金正恩女儿多个重要场合位居C位是什么情况
1、进口按摩椅:松下,三洋,松研。2、价格在2-4万。3、(低于这个价格的基本是国内组装的,并非全进口。4、国产按摩椅:
在110版本中,要说最在乎名望和伤害的玩家是谁?非旭旭宝宝莫属!旭旭宝宝由于100版本被“魔鬼改造人”压制了太久,因此无论是在名望上,还是在
交了一年房租才住两周中介就失联!租客被房东要求限期搬离
一、签合同如果对方违约怎么办签合同如果对方违约的,可以要求继续履行、采取补救措施或者赔偿损失等违约责任。当事人一方因不可
发电机的工作原理,1、发电机原理:电磁感应现象,具体内容:闭合电路的一部分导体在磁场中做切割磁感线运动时,电路中会产生感应电流,这种现
工业和信息化部2月13日消息,为强化新能源汽车动力电池回收利用,完善制度建设和溯源管理,工信部节能与综合利用司10日组织召开工作座谈会,与
帕劳在哪个国家,帕劳全称帕劳共和国,是太平洋上的岛国,很多朋友不知道帕劳在哪个国家,下面让我们一起来学习一下吧。
随着社会的快速发展,人们的生活质量越来越高。人们的日常交流工具发生了巨大的变化。从功能简单的传呼机、手机到智能手机,再到现在的平板电
一、甚至拼音的近义词1、仅仅[jǐnjǐn]二、甚至拼音的反义词2、以至[yǐzhì]3、乃至[nǎ
1、总共3个出口,其中北出站口通往火车站广场,一个在红珊瑚酒店出,一个在车站广场上的出,分别方便你北方向和东南方向的公交车出行,去年新
1、全国仅她一人,中国最神秘的姓氏是什么?有一位名叫许世宁吟娥的女士,就是中国最神秘的姓氏“许世”这个复姓唯一的后
另外一场比赛在中乙球队苏州东吴主场迎迎战辽宁宏运,由于两支球队第一回合0:0握手言和,本场比赛谁获胜,谁将晋级下赛季的中甲联赛!两支球队
招商银行信用卡还款日由账单日来决定,还款日在账单日后的第18天。通常情况下,招商银行信用卡的账单日不是固定的,不同持卡人
1、在电脑上双击并打开QQ的软件。2、登录到自己的QQ账户。3、找到空间的图标,并点击就可以进入QQ空间。4、在新打开的界面中,点击【设置】图
一、了解“两癌”筛查乳腺癌:早期多无明显症状,不易引起患者重视。如果早期得到发现和治疗,乳腺癌的临床治愈率可以达到90%-95%。当前年轻女
1、准备裁剪出两个1米*1米的布。2、再裁剪一个等腰直角三角形做帽子,长度为30—35厘米,布不够用了,所以我裁剪的是33厘米。3、开始做花边,
反复刷卡是否会影响信用卡,取决于刷卡的行为,只要不存在套现等行为,是不会产生太大的影响,持卡人使用信用卡进行消费时,反复
1、四君子丸,中成药名,本品为棕色的水;味微甜。2、为补益剂,具有益气健脾之功效。3、用于脾胃气虚,胃纳不佳,食少便溏。
001228永泰运中签号查询时间永泰运值得买吗,001228永泰运中签号查询时间永泰运值得买吗,下文就随小红帽来简单的了解一下吧。永泰运(001228)
1、悲伤时星星可以抬头仰望谁泪眼望不见心中那颗星闪着泪光的星星当我抬头仰望时你已划过我天空星星说爱我把淡蓝色星星说成一颗糖。2、星星说
1、下载的安装包里有一个setup exe。双击它进行安装。2、箭头所指的地方需要打勾,然后点击继续。3、在此选择自定义
你需要的东西生鸡蛋装饰针碗婴儿鼻腔注射器凉水乙烯基手套通气面罩铅笔转印纸细金刚石钻头旋转工具保护胶蛋壳雕刻是一种艺术形式