如何在Axure中的表格中插入行,复制行,删除行?
Axure中表格插入行、复制行、删除行的操作方法:
1.材料准备1。按钮组我们需要三个按钮组,分别是插入行、复制行和删除行,每个组由图标和文本组成:2。表头为长方形,案分序号、姓名、语文、数学、英语生物、历史,调整大小和样式摆放:3。表内容由复读机、复读机组成。第一个序号的网格和表头一样是灰色的,其他网格用透明色填充。添加了禁用样式,线段为蓝色。当您在后续输入中添加交互时,您可以获得突出显示效果。然后可以交替设置复读机的背景色,让单双线有不同的颜色。在每个白色矩形上方放置一个文本框,并将填充颜色设置为透明,以便以后可以修改其中的数据。最后,我们添加一个透明的背景矩形来包裹整行,将选中的样式设置为浅蓝色,并设置单选组,这样选中哪一个都会有高亮显示的效果。我们在repeater表中添加了几列,即no和Column1-10。No对应表的序号,1-10列分别对应名称和语言历史10列的内容。4.记录文本涉及到复制行,所以我们需要记录选中行表的内容,所以我们创建多个文本标签,默认隐藏,不用于显示,只用于逻辑交互。它们是记录号,对应于流水号栏的内容;记录1-10,要用来记录中国历史10列(Column1-10)对应的内容。因为我们进入页面时默认选择第一行,所以文本记录号默认为1。二、互动制作1。在加载repeater的交互repeater时,我们使用设置文本的交互将表中的值设置为对应的组件,将no列中的值设置为灰色矩形,将1-10列中的值设置为对应的文本框。如果no列的值等于记录的no文本中的值,我们需要分别设置记录的文本标签1-10中1-10列的值。加载repeater时,我们使用排序事件将repeater按无列升序排列,这样在插入行时,就可以通过控制插入行的no值来控制插入的位置。2.当鼠标点击repeater中组合的交互repeater内部组件组时,我们利用选中的交互将背景矩形的选中状态设置为true,从而实现点击哪一行,哪一行变色的效果。3.当背景矩形的交互背景矩形被选中时,我们利用设置文本的交互,将当前行的no列的值设置为记录no的文本,然后我们就可以根据这个序号插入、复制或删除该行。4.当输入框的交互输入框获得焦点时,我们禁用交互被禁用的输入框底部的矩形,因为禁用样式设置在前面,所以会有高亮效果。然后,我们还将背景矩形设置为true,这样背景矩形也具有高亮效果。当输入框失去焦点时,我们反转操作并启用底部的矩形。最后我们需要通过更新行的交互将当前行对应的列的值更新为当前文本值,1-10的文本框分别对应1-10的列。5.当插入行的交互式鼠标点击插入行按钮组时,我们需要知道插入了哪一行,记录号记录的是选择了哪一行。比如选择了第三行,那么我应该插入第四行,原来的第四行应该变成第五行,以此类推。因此,我们需要使用更新行的操作,将1添加到repeater的no列中的值大于no记录中的文本值的所有行中。这相当于,如果选择了第三行,456就会变成567,这是一个空行,no值为4。这是添加一行的交互,将添加行的no列的值设置为no +1的文本值。这就完成了新行的添加。6.交互式鼠标单击复制行按钮组。实际上,前面的行与插入的行基本相同。首先更新所选行下面有序号的行,使其序号为+1,然后插入一个新行,序号为+1,这是记录号的文本值,不同的是上面插入的是空行,这里插入的是有内容的行,所以在添加行时,我们要在1列插入记录号1-10的内容。7.当鼠标点击“删除行”按钮组时,我们使用“删除行”交互来删除与记录号具有相同序列号的行..然后更新行的交互,更新序号大于记录的无文字的行,使其序号成为原序号减一的值。比如我删除了第四行,原来的第五行就变成了第四行,第六行就变成了第五行,所以这里是更新后的序号。这样,我们就完成了repeater表中插入、复制和删除行的原型模板。下次使用时,只需在repeater表中填写或粘贴相应信息,即可自动生成交互效果。不方便吗?最后的效果:嗯,上面的内容是“如何在Axure中插入行、复制行、删除表中的行?”希望对你的Axure学习操作有一定的作用!一篇文章学Axure是不可能的,几十篇几百篇Axure文章都不一样。了解更多关于Axure、Axure相关文章、问答和视频教程的信息。学习Axure不是光看网上的一些图文教程就能学会的。往往你学到的只是肤浅甚至混乱的知识点!所以学习Axure,专业的视频教学更快更高效~