.

制作长页面

U老师发表于:2016年07月18日 22:56:55更新于:2022年05月13日 11:10:58

一、场景应用

长页面常用于连续的内容展示,并可以配合手势滑动效果去做一些相关的交互。

我们知道可以使用layer容器制作长页面的效果(点击查看),这一篇讲一下如何通过改变页面属性的方式制作长页面。


二、功能设置

1.点击空白画布,来到右侧的属性面板,如下图

001578e31449923a335e937138c726a


2.在页面信息处勾选“启用长页面”。勾选后,画布的底部会出现可以拖动的灰色条,拖动它就可以将画布纵向加长,如下图,

001578e327aa394d5ee4d39fd487e6e


3.向下拖动后,画布会延长,此时画布上会留下一跳灰色的线条,这个线条就是正常画布的出血线,以方便观察长页面中一屏的位置,如下图,

001578e32d558a058ded88315d42eef


4.除了拖动外,还可以直接输入数值,如下图,

001578e333acac97787670d6dc16d01


5.长页面案例:一个页面搞定所有