axure 第一格固定,其他均可滚动列表,请问如何表格怎么设置滑动时每页都有第一行呢?

2022-08-31 17:43
来源:
人人都是产品经理
在工作中,有时需要采用Axure 交互来模拟 Excel 冻结窗口功能,如何做到同时固定标题行和首列呢?本文作者分享了他的一个思路,一起来看一下吧。
在具体工作中,遇到要采用 Axure 交互来模拟 Excel 冻结窗口功能。平时常用到冻结表单首列、尾列的情况,但不会做同时固定标题行、首列甚至于底部表格的情况。浪费了午休时间在网上找寻合适的方案,遍寻无果后只能自己探寻合适方案了。现将个人的方案共享给各位,如有雷同那就是咱们思路同频了。
需求:在 Excel 表格中,冻结标题行和标题列后,内容区域横向滚动时,标题行同步滚动、标题列固定;内容区域纵向滚动时,标题列同步滚动、标题行固定。类似下图描述:
一、分析
单向实现固定(行固定或列固定)时,如实现标题列固定在左侧,内容区可以上下左右滚动,且上下滚动时标题列同步滚动。我们可以将数据采用动态面板(仅动态面板能采用 Scrolled 事件,内联框架没有该事件)容纳(动态面板大小与数据内容相适应)。进而用一个适合大小(目标显示大小)的动态面板包含标题列及内容动态面板,设置为 Scroll as need 。
在上面基础上实现标题行固定。要采用某种方案做到,数据内容若横向滚动时标题行亦同步滚动相同具体。
触发条件:当数据内容动态面板发生滚动 -> 采用 Scrollrd 事件。
动作:使标题行同步滚动。
Scroll to Widget ( Anchor Link) 动作,但经过实践发觉无法达到预期效果
Move 动作,如何使用该动作达成预期效果?采用动态面板,使内部的标题行移动
需要获取内容面板的滚动距离 -> 采用 scrollX、scrollY 分别获取横向、纵向滚动距离。
经过第2步的分析,改方案具有通用性、普适性,我们可以拿来替代第1步中的实现手段,以此来实现整个效果。
二、实践 第一步:搭建页面框架
使用不同动态面板来构建行标题区域、列标题区域、详细内容区域、统计内容区域,并都设置为 Scroll as need 。
第二步:设置交互
1)设置详细内容区交互逻辑。实现详细数据区滚动时,行标题、列标题、汇总数据区相应内容同步滚动。
注:是让各区内的内容同步滚动,可以通过组合或用动态面板包含的方式来为内容分组。如下:
具体交互:
相关函数:[[This.scrollX]]、[[This.scrollY]]
2)为其他几个区域设置交互。
行标题区
列标题区
统计数据区
演示地址:https://r1el3n.axshare.com,密码:2022。
本文由 @Ming丶 原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自 Unsplash,基于 CC0 协议。返回搜狐,查看更多
责任编辑:
2023-06-12 16:05
来源:
铅笔小新
Axure是很多产品经理或者交互设计师在使用的工具,对于工具而言,如果有一些使用上的技巧,能够大大提高使用的效率,对于我们工作也有很大的帮助。这里就分享几个非常实用的小技巧。
快速移动工作区
在做产品时,有些页面的画面会比较大。为了查找到不同位置上的部件,或者在不同位置上搭建部件,我们比较常见的做法是使用垂直与水平的滚动条。但是这种方法会让效率变慢。
这里有一个方法:将鼠标的光标放置在编辑窗口中,按住键盘的空格键,就能看到鼠标的光标会切换成手状。然后就可以用来抓着画面任意滑动,而且不会对任何的部件造成影响。
透过上层部件选择下层部件
在工作中经常会遇到几个部件重叠的情况。如果选择的不是上层的部件,怎么办?一个,可以在部件管理窗口中直接选择想要的部件。另外还有一个方法,选择最上层的部件之后,稍候2秒钟左右,再选择一次,这时选中的就是下一层的部件。再稍候,再点击,选中再下一层的部件,以此类推。
与其他软件互相引用对象
用复制、粘贴的方法,可以将其它软件(比如:ppt、Excel、PS等)中的对象直接引用到axure中来,一般会直接粘贴到编辑窗口中,当然,中继器数据集的数据复制除外。
反之,也可以复制axure中的对象,粘贴到其他的软件中。这样大大提高了工作效率,是一个非常实用的技巧。
平移工作部件
在移动部件或者组件的时候,我们知道的方法是直接拖动,或者通过修改参数。直接拖动容易造成位置的偏移,修改参数又需要确定参数。如果需要让部件在水平方向或者垂直方向上做移动,我们可以这么做:按住shift键,然后鼠标拖动部件左右移动或者上下移动就行了,可以直接平移。
垂直或水平复制新部件
上面的一个技巧说的是直接移动一个部件,这个方法要说的是复制部件。除了复制粘贴,然后调整位置之外,给大家推荐一个方法:按住键盘上Ctrl+shift键,拖动部件,这时候就复制了一个新的部件并将新部件进行平移。这种方法在制作排列的时候比较方便快捷。
直接旋转部件的角度
旋转角度时可能有小伙伴用的是设置旋转的角度,如果需要精确的角度,当然用这种方法是最好的。但是如果只需要旋转一个大概的角度,或者旋转的角度不确定的话,可以用一下这里要说的一个技巧:按住Ctrl键之后,将鼠标放在部件的边缘,就能够旋转部件了。
这里是跟大家分享了几个axure工作中非常实用的小技巧,以后如果发现了其它的技巧,也会分享给大家。小伙伴们如果有什么技巧的话,也欢迎分享出来。返回搜狐,查看更多
责任编辑:

我要回帖

更多关于 表格怎么设置滑动时每页都有第一行 的文章

 

随机推荐