Axure教程:利用中继器创建个性化表格

版权申诉
0 下载量 126 浏览量 更新于2024-08-09 收藏 871KB DOCX 举报
"Axure教程:用中继器做个性化表格.docx" 在这个Axure教程中,我们将学习如何利用中继器(Repeater)创建一个能够满足不同用户需求的个性化表格。个性化表格允许用户根据自己的偏好选择显示哪些数据列,以此提供更定制化的用户体验。 首先,了解个性化表格的重要性。在股票数据的例子中,不同的投资者关注的指标各异。价值投资者可能关注市盈率和市净率,而技术投资者可能更关心量比和涨幅。个性化表格能够解决这个问题,让用户自行决定要显示哪些字段,使得信息展示更加针对性。 制作个性化表格的核心工具是Axure中的中继器组件。中继器是一种动态组件,能够自动处理数据列表的展示和交互,极大地提高了原型制作的效率。一旦中继器设置好,只需要更改其中的数据,就能实时更新表格内容和交互,无需重复绘制或编程。 制作过程分为两个主要部分: 1. **用中继器制作表格** - **中继器内部构建**:创建包含标题和数据的矩形,并根据需要添加数据行。 - **设置表格内容**:在中继器的表格中定义title和data列,data列应与实际数据行数匹配,填充相应数据。 - **交互设置**:在每个中继器项加载时,将title矩形文本设置为item.title,data矩形文本设置为item.data。 2. **用中继器制作表格显示选项** - **选项中继器材料**:只需创建多选按钮(复选框)。 - **选项中继器内容**:两列,一列是title,对应列表中继器的title数据,另一列是xuanzhong,记录选项是否被选中。 - **交互设置**:复选框文本设为item.title,其选中状态由中继器的item.xuanzhong数据控制。若xuanzhong为1,复选框选中,否则不选中。 此外,还需要设置复选框的选中和取消全选事件。当用户选择或取消选择复选框时,中继器需要更新以记住选中状态。这涉及到对中继器数据的实时更新,确保用户的选择能够在下一次加载时得到保留。 本教程通过实例展示了如何使用Axure的中继器组件来创建具有自定义显示选项的个性化表格,这种方法不仅简化了原型制作流程,还提升了原型的灵活性和可扩展性。通过这种方式,设计师可以快速响应用户需求变化,构建出更加人性化的交互原型。