今天我们要做的原型是游戏列表的翻页功能,如上图所示。
具体设计如下:
(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)我们设