首页 >>  正文

自动点击器免费版

来源:baiyundou.net   日期:2024-07-08

在日常工作中,当数据或信息过多时,我们可能会需要分页显示,这个时候,你要怎么实现根据表格数据自动生成页码的效果?本篇文章里,作者便分享了如何在Axure中实现这一效果的方式。一起来看看作者的总结。

当表格数据较多时,我们经常会分页显示,这时我们就需要用到页码的元件了。所以作者今天就教大家如何在Axure中制作一个能自动根据中继器表格的数据以及分页情况,自动生成对应页码的原型模板。

一、效果展示

  1. 页码能根据表格数据和每页显示条数自动生成。
  2. 点击页码可以跳转至对应的页面。
  3. 增加、删除、搜索、筛选、分页后自动生成对应的页面。

原型地址:https://gx8fx9.axshare.com/#g=1

二、制作教程

1. 中继器表格的制作

这个比较简单,我们在中继器里添加矩形即可,有多少列就添加多少个矩形。

中继器表格也是,有多少列就新增多少列,这里注意操作列是不需要增加的,内容列才需要增加,案例中就是员工编号、姓名、职位、爱好、籍贯、学历6列主要内容。

填写好表格内容后,在中继器每项加载时,我们用设置文本的交互,将每列的内容设置到中继器表格里对应的矩形内。

这样中继器表格内容部分就完成了。

2. 页码的制作

这里页码我们也是用中继器来制作,因为只有中继器才能实现增减的动态效果。

在中继器里放入矩形元件,矩形要增加选中样式,案例中是蓝色,用于回显当前是在第几页。

中继器表格里共两列,一列(Column0列)是记录页数的,第二列(true列)是用来记录哪列被选中的。两列默认为空即可,后面会通过交互让页码自动增加。

中继器每项加载时,我们用设置文本的交互,将index的值(就是第几行)设置到矩形里,后面通过交互对应的值就是12345的页码。

如果true列的值等于1,用设置选中的交互,设置页码矩形为选中状态,因为前面设置了选中样式,所以就会变色显示。

如果前面主内容中继器加载到最后一行之后,我们就要做一个添加行的操作,中继器有几页我们就添加几条数据在页码中继器里。在这之前我们要先增加一个文本标签作为触发分页的事件。

在载入时,我们通过pagecount的函数,记录中继器里面总共有多少页。

然后在根据条件来判断,这个条件判断我们可以写在触发分页元件鼠标单击时。

如果当前文本记录内容中继器的页数大于当前页面中继器的行数,我们可以用datacount获取行数。这是我们就用添加行的交互,添加一行。然后在触发该交互继续循环。例如,主中继里有5页内容,我们就记录数字5,因为一开始页码中继器里1行都没有,行数为0,我们就添加一行,行数就变成1,还是小于5,就继续添加,一直添加到第五行。这样就可以对应生成5个页码了。

这里需要注意的是,一般页码右边都是有其他元件的,案例中有右箭头和统计文字,所以我们还要用移动的交互,将右侧的元件组合移动到页面中继器右侧的位置。

然后我们在中继器表格里加载到最后一行的时候,触发分页事件载入时就可以了,这样每次中继器表格数据发生改变,包括增加行、删除行、搜索数据、筛选、重新分页……都会相当于自动重新生成一次页码。

不过这里需要注意,因为后续操作在前面已经有页码了,所以我们要先做一个还原的操作,就是把页面中继器里所有行数据先删除,然后在自动添加新的页码。

页码出来之后,我们要考虑的是当前哪个页码应该变色显示,我们用pageindex的函数就可以获取到主中继器在第几页,因为页码中继器我们在前面做了如果true值等于1,就选中变色,所以我们只需要用更新行的交互,将对应行true列的值更新为1即可。例如现在在第三页的位置,我们就把页码中继器第三行true值更新为1。

这里同样需要考虑还原的问题,因为前面会先选中其他页码,所以我们可以在该操作前,先更新所有行的true值等于0,这样就相当于全部取消选中,然后在更新对应行true列的值即可。

鼠标单击页码时,我们用设置当前显示页面的交互,就可以将内容中继器设置到对应的页数了,这里我们也是用到index函数,因为index就是在第几行,和页码是对应的。

3. 其他元件

到这里根据表格数据自动生成对应页码的模板已经做好了。剩下的一些元件,例如表头、按钮、分页的上拉列表、左右翻页箭头、统计文字、搜索框、筛选的下拉列表、排序按钮等都可以自己添加,如果不会这些基础效果的话也可以看回我之前的视频教程。

增加了增删改查分页的效果之后,预览的时候也可以根据表格动态变化自动分页的,因为我们逻辑已经写好了,只要表格数据变动自动分页,所以这个模板是非常实用的。

这样我们就完成了根据表格数据自动生成页码的中继器表格的原型模板了,后续使用也是很方便,默认的表格内容只需要在中继器表格里维护,即可自动生成页码的交互效果,后续需要其他中继器表效果(如增删改查分页翻页统计排序等)的话也可以在原基础上添加。

以上就是本期教程的全部内容,感兴趣的同学们可以动手试试哦,感谢您的阅读,我们下期见。

本文由 @AI产品人 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

","force_purephv":"0","gnid":"928b6d7fe2fbaa122","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t0147149394c8f84731.jpg","width":"900"},{"desc":"","height":"574","s_url":"https://p0.ssl.img.360kuai.com/t010d541ee6dc9f9e8f_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t010d541ee6dc9f9e8f.gif","width":"1193"},{"desc":"","height":"221","title":"","url":"https://p0.ssl.img.360kuai.com/t01b9e2d6f46dbece84.jpg","width":"602"},{"desc":"","height":"238","title":"","url":"https://p0.ssl.img.360kuai.com/t01c07fe971efdfcdf3.jpg","width":"223"},{"desc":"","height":"224","title":"","url":"https://p0.ssl.img.360kuai.com/t0135948b49c62cdc50.jpg","width":"176"},{"desc":"","height":"196","title":"","url":"https://p0.ssl.img.360kuai.com/t01c4f56e1d8fef631b.jpg","width":"354"},{"desc":"","height":"232","title":"","url":"https://p0.ssl.img.360kuai.com/t0152c08f6f853ea426.jpg","width":"540"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"hbase","pub_time":1677206100000,"pure":"","rawurl":"http://zm.news.so.com/fc464e6262494fa3c393798292aa8f5d","redirect":0,"rptid":"2b7b732273b9c01f","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"Axure高保真教程:自动生成页码的中继器表格

连龚乐3339鼠标自动点击器
邹询迹15883211105 ______ 按键精灵可以

连龚乐3339我玩游戏太累人了,老是那样点击,有没有鼠标自动点击器啊 ?
邹询迹15883211105 ______ 鼠标自动点击器V1.0 用于游戏中需要反复点击鼠标的情况,有效延长鼠标寿命.左shift键开启或关闭鼠标左键点击 右shift开启或关闭鼠标右键点击下载地址: http://www.woai178.com/soft/sort023/down-39667.html

连龚乐3339鼠标自动点击器哪个好 -
邹询迹15883211105 ______ 1、在百度搜索鼠标自动点击器,进入下载网站. 2、在这里点击一个下载连接. 3、下载完成后,打开压缩包,安装这个文件. 4、接着点击鼠标自动点击间隔时间.默认设置好自动开始和结束的热键了,开始是F5,结束是F6. 5、把鼠标移动到需要进行自动点击的位置,再按F5,然后软件就自动运行点击鼠标.

连龚乐3339鼠标左键连点器下载
邹询迹15883211105 ______ 水晶情缘--鼠标自动点击器 V5.78 下载地址:http://www.skycn.com/soft/14277.html

连龚乐3339鼠标点击器下载哪儿有
邹询迹15883211105 ______ 水晶情缘--鼠标自动点击器648 下载- - 键盘鼠标- 应用软件 请选择入口: 主站|电信|通|域名主机 下载,鼠标点击器下载从天空开始! 只要按下热键,让鼠标自动点击器帮你点击吧!鼠标点击速度可以调节,鼠标左键右键也可以选择. 精灵鼠标点...

连龚乐3339鼠标连点懂得进?
邹询迹15883211105 ______ 这个点击器最好不要用了,你可以试试欢乐鼠标自动点击器 3.0_简体免费版,下载地址: http://www.cngr.cn/dir/209/256/2006111114525.html 可以设置多少秒点一次. 或者水晶情缘--鼠标自动点击器 6.48 ,下载地址: http://www.skycn.com/soft/14277.html 鼠标点击器不能设置点击的太快,快了容易让游戏掉线.

连龚乐3339求一个鼠标定时自动点击软件 -
邹询迹15883211105 ______ 如果是点击网页,使用《网页自动点击监控工具》更方便.

连龚乐3339华华鼠标自动点击器 V4.0无广告版 如何让鼠标自动点击 -
邹询迹15883211105 ______ 就可以解决这个问题,华华鼠标自动点击器 V4.0无广告版是比较好用的一款软件,具有定时自动点击,多点点击等功能,本版无任何广告.

连龚乐3339鼠标自动点击器是什么?有什么作用?谢谢 -
邹询迹15883211105 ______ 水晶情缘--鼠标自动点击器 V5.75 软件大小: 727 KB 软件语言: 简体中文 软件类别: 国产软件 / 共享版 / 键盘鼠标 应用平台: Win9x/NT/2000/XP/2003 一个很有用的免费小软件,如果你在平时的游戏或是工作中经常需要大量点击鼠标左键或...

连龚乐3339鼠标连按器 -
邹询迹15883211105 ______ 一个很有用的免费小软件,如果你在平时的游戏或是工作中经常需要大量点击鼠标左键或右键,如果你喜欢玩网络游戏,RPG游戏,那么一定有大量点击鼠标的经验,非常浪费时间,浪费精力,消耗鼠标!这个小软件可以解放你的手指啦!只要按下热键,让鼠标自动点击器帮你点击吧!鼠标点击速度可以调节,鼠标左键右键也可以选择. (可以设定自动点击速度0.01~30秒) 使用方法:1.运行本程序 2.运行游戏 3.把鼠标放在你想点击的地方 4.按Ctrl+F3启动鼠标自动点击 5.完成目的后,按再次按Ctrl+F3停止鼠标自动点击! 注:Ctrl+F3为本程序默认的热键,可以更改.

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024