Axure游戏列表翻页功能

本文介绍了如何使用Axure设计游戏列表的翻页功能,包括点击不同页码按钮的响应、按钮状态的改变以及隐藏或显示"上一页"和"下一页"按钮的逻辑。通过设置按钮的点击事件、隐藏矩形元件的交互,实现了原型的动态效果。
摘要由CSDN通过智能技术生成

 

今天我们要做的原型是游戏列表的翻页功能,如上图所示。

具体设计如下:

(1)当点击第一页和最后一页的时候,分别隐藏“上一页”和“下一页”按钮;否则,显示“上一页”和“下一页”按钮;

(2)当点击第5页到第8页时,按钮变化如下:

   第5页:1   ...   4    5    6    ...   12

   第6页:1   ...   5    6    7    ...   12

   第7页:1   ...   6    7    8    ...   12

   第8页:1   ...   7    8    9    ...   12

  选中第四个按钮;

(3)当点击第9页~12页时,按钮变化如下:1   ...   8    9    10    11  12;

(4)设置按钮选中状态为粗体/红色;

(5)当点击任何一个页数的按钮时,都会选中对应页数的按钮,界面也都会切到相应页面;

设计逻辑:

(1)我们设

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值