Axure实现表格带滚动条

已于 2023-06-21 11:47:30 修改
阅读量1.7w 收藏 37
点赞数 8
分类专栏： AxureR9 原型设计 文章标签： axure Axure实现表格滚动条 Axure实现滚动条 动态面板滚动条
于 2022-08-08 13:27:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/super_DuoLa/article/details/126158919
版权

Axure表格实现滚动

前言

（1）需求背景：表格的列很多，而页面宽度有限，但仍需将所有内容展示在表格内，考虑在表格中加入滚动条。

（2）说明：动态面板可实现滚动条

一、表格列太多，怎么实现滚动？

用到的元件：“表格”和“动态面板”。

二、实现步骤

1.在有限的页面插入表格

（1）拉取表格

在这里插入图片描述
（2）调整表格样式和补充内容
在这里插入图片描述
（3）从上图中可以看出，该页面最多可显示5列数据，所以，我们需要使用动态面板来实现表格滚动效果

2.动态面板实现滚动（分2种形式实现）

（1）滚动条在末尾

可直接动态面板，在动态面板中绘制表格；也可在合适的位置开始用动态面板，直至末尾

①、在表格

最低0.47元/天 解锁文章
Axure常用交互效果六——滚动效果
benleiqiang的博客
10-10 2789
滚动效果的应用范围非常广泛，例如APP、H5页面的信息滚动条，数据看板中的实时数据播报，提示信息等等；循环的间隔和滑动的时间都可以根据不同的项目要求，自行设置，希望通过以上内容能帮助到大家。步骤四：为动态面板添加交互，载入时——当前面板——下一项——向后循环——向左滑动2500毫秒——循环间隔1000毫秒，这样就实现了无限循环操作。步骤三：动态面板录入要显示的内容，并添加到State1、2、3、4中。步骤六：设置面板状态——停止循环。
Axure 列表滚动：表头非常多（横向滚动方向）、分页（纵向滚动） | 基于动态面板的滚动方向和取消调整大小以适合内容两个属性进行实现
最新发布
专注于计算机研发知识和资讯分享
04-08 136
基于动态面板的滚动方向和取消调整大小以适合内容两个属性进行实现列表滚动的横向滚动和纵向滚动。在画布添加一个列表及外部矩形框，使列表中内容大于外部矩形框高度；在调整动态面板的宽高，使动态面板与外部矩形切合。将列表创建动态面板，并将列表属性。
Axure 9 滚动&动态表格制作方法
11-13
Axure 9 滚动&动态表格制作方法
【Axure教程】数字滚动效果
mushe93的博客
02-13 1160
今天和大家教大家制作数字滚动效果的原型模板~~~
Axure RP 9滚动条制作
qq_56437391的博客
05-21 5740
Axure RP 9滚动条制作
axure 制作滚动效果（不显示滚动条）
weixin_34226182的博客
03-30 3605
笔者在上一篇文章《axure制作app侧滑菜单》中介绍了淘宝app筛选菜单的制作方法，但筛选菜单中的内容仅仅填充了“一屏”的内容，如果内容比较多，就需要菜单能够上下滚动，且仅仅是菜单部分滚动，其他商品列表部分（背景）无需滚动，本文介绍一下实现方法：上篇《axure制作app侧滑菜单》博文地址：http://pmdrx.blog.51cto.com/11810835/1911...
AXURE滑动条等控件
01-09
AXURE控件中的滑动条的效果，大家可以来试试哦！下载到本地中，然后打开AXURE软件，在元件库中载入即可
Axure中如何创建漂亮的滚动条
wanggai770407517的博客
04-17 1392
Axure中如何美化滚动条
Axure设计之左右滚动组件教程（动态面板）
招风的黑耳CSDN
11-04 2737
很多项目产品设计经常会遇到左右滚动的导航、图片展示、内容区域等，接下来我们用Axure来实现一下左右滚动的菜单导航。
Axure表格中加入滚动条
08-08
Axure表格中加入滚动条。表格的列很多，而页面宽度有限，但仍需将所有内容展示在表格内，考虑在表格中加入滚动条，教程可参考https://blog.csdn.net/super_DuoLa/article/details/126158919?spm=1001.2014.3001.5501 【有积分可以捧个场，不方便下载的私信博主留下邮箱，看到后回复，在线时间不定，望理解！】
关于axure表格，实现横纵向滚动而纵向滚动表头不动的问题
weixin_44606231的博客
12-01 2227
Axure
axure原型列表滚动效果.rp
10-21
axure的循环列表效果（滚屏），大屏上常见的列表自动滚动，滚到底部然后自动开始循环滚动，又叫列表滚动。
列表滑动.rp
04-25
axure列表滑动交互
Axure RP 8 带滚动条带筛选的下拉列表框 圆角文本框
01-25
本知识点将深入探讨如何在Axure RP 8中实现带滚动条和筛选功能的圆角文本框，以及如何利用元件库来提高工作效率。 首先，让我们理解什么是"下拉列表框"。在UI设计中，下拉列表框是一种常用的输入控件，它允许用户从...
AxureRP9中继器-表格查询搜素和清空，动态面板滚动条显示
niuniu_666的博客
04-08 4322
1.在中继器表格已绑定好基础上，添加搜索条件，拖拽姓名和性别文本框和下拉框，和搜索和清空按钮 2.给搜索文本框命名，姓名搜索，输入类型为文本，提示语显示：请输入文本，输入时隐藏提示，性别搜索下拉框也选中命名性别搜素框，方便后续查找元件 3.搜索按钮添加交互条件 搜索按钮，单击时，添加筛选，目标是中继器，设置筛选名称，点击规则后的fx函数编辑页面 编辑值页面，先添加局部变量，设置对应的变量，再在全部变量输入搜索规则 [[(Item.name.indexOf(name))>-1&
学习Axure的小列子（滚动条）
zhang7583859的专栏
06-18 3269
1、制作滚动条，首先在首页home拖拽一个矩形设置为白色的，相应的小长条； 2、再拖拽一个动态面板，覆盖相应的形状；在状态中新建一个矩形相应的小长条，然后再拽一个动态面板； 3、在新建的动态面板上的状态上新建一个矩形，然后设置条件事件 4、动态面板向左移动，线性的，x轴100，y轴0，毫秒10000毫秒 5、第二个动态面板向左移动，线性的，x轴100，y轴0，毫秒10000毫秒 6、直接
Axure--实现列表滚动效果（带滚动轴）
星空
04-09 4417
先设定动态面板 进入动态面板页面
1.4_17 Axure RP 9 for mac 高保真原型图 - 案例16 【动态面板-滚动条6】手动制作滚动条
GroupiesM的博客
09-14 1315
1.4_17 Axure RP 9 for mac 高保真原型图 - 案例16 【动态面板-滚动条6】手动制作滚动条
ttk.treeview 界面设计
05-12
ttk.treeview是Python中的一个GUI控件，用于在GUI应用程序中显示树形数据结构。以下是ttk.treeview的基本界面设计步骤： 1. 导入必要的模块和库，如tkinter和ttk。 2. 创建一个树形结构数据，并将其转换为ttk.treeview格式。 3. 创建一个ttk.treeview控件。 4. 添加列标题。 5. 将数据添加到ttk.treeview中。 6. 设计ttk.treeview的样式和外观，如背景颜色、字体、行高等。 7. 为ttk.treeview添加事件处理程序，如鼠标单击、双击、右击等事件。 以下是一个简单的例子，展示了如何使用ttk.treeview来显示一个树形结构数据： ```python import tkinter as tk from tkinter import ttk def main(): # 创建树形结构数据 data = { 'root': { 'node1': { 'leaf1': None, 'leaf2': None }, 'node2': { 'leaf3': None, 'leaf4': None } } } # 创建ttk.treeview控件 root = tk.Tk() tree = ttk.Treeview(root) # 添加列标题 tree['columns'] = ('count') tree.heading('#0', text='Name', anchor='w') tree.column('#0', anchor='w') tree.heading('count', text='Count') tree.column('count', anchor='center') # 将数据添加到ttk.treeview中 add_node(tree, '', data['root']) # 设置ttk.treeview的样式和外观 style = ttk.Style() style.configure('Treeview', rowheight=25) # 显示ttk.treeview控件 tree.pack() root.mainloop() def add_node(tree, parent, node): # 添加当前节点 if node is not None: tree.insert(parent, 'end', text=node, values=(len(node))) # 添加当前节点的子节点 for key, value in node.items(): add_node(tree, node, value) if __name__ == '__main__': main() ``` 这个例子中，我们首先创建了一个树形结构数据，并将其转换为ttk.treeview格式。然后，我们创建了一个ttk.treeview控件，并添加了列标题。接着，我们将数据添加到ttk.treeview中，并设置了ttk.treeview的样式和外观。最后，我们显示了ttk.treeview控件。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值