- 在元件库中找到中续器,然后开头先用矩形制作你要做的模板,再在中续器中添加交互样式
如下图。
- 在中续器的样式中找到分页样式,看到多页显示设置为你需要制作的每页数量项目来定,这里我是设置的每页项目数量为2页起始页为1.设置完后如图下
- 这步先做出样板,最后再添加交互样式。如下图
- 先做首页,点击首页的交互样式选择鼠标单击找到中续器中设置当前页数于,然后选择中续器,再看到下面有一个选择页面为,里面有四个单词,第一个单词是显示输入页面,是第二页,第二个单词是显示上一页页面,第三个单词是显示下一页页面,第四个单词的也是显示最后的页面,然后现在来看这个该怎么做,既然我们是要做首页。那就是选择第一个,当你选择第一个它下面会带出一个输入页面输入1,如下图。
5、然后按照上面的讲解可以做出,上一页and下一页以及尾页,做完这些基本的就可以做中间的小圆点,小圆点是显示点击页面,这一步不和上面的内容一样,先点击其中一个小圆点选择交互样式选择鼠标单击还是一样找到中续器的显示当前显示页面,选择中续器选择页面为第一个单词再输入页面选择变量在原件中找到text(为文本),点击后如下图。
6、做完其中一个小圆点,其他的就可以CTRL+C,然后CTRL+V,(注:要记得把小圆点里的数字或者文字进行修改)
7、现在来做当显示页面时总页面的数值改变,这个需要用到一个新变量,先在中续器的交互样式中点击每项加载时,选择设置文本找到当前页数/总数量,然后设置文本值为[[Item.Repeater.pageIndex]]/[[Item.Repeater.pageCount]],第一个变量的是中续器显示当前数量,第二个是显示中续器页面总数量,设置完后如下图。
8、做完后,就是固定点击按钮显示页面的组合,先把中续器转换为动态面板,打开交互样式找到载入时和尺寸改变时,在载入时选择移动的交互样式找到组合,移动按照中续期和组合的差去算,我这里是绝对位置x: [[This.x-99]]Y: [[This.bottom+30]](注:Y的位置选择还需要选择变量) 图下为Y的变量
设置完载入时,如下
9、固定完后,开始设置下一个内容,显示每页项目数量(可不做,看个人需求),先在元件库找到下来列表框,在列表项中打入显示数量,再点击交互样式选择选项改变时,选择中续期变量如下图
10、最后如果再选择显示数量时中续器没有反应,可能时动态面板中的自动调整为内容尺寸没有勾选。
这是我所学到的中续器引用步骤,分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!