图文
文档
H5
设计
APP
朋友们，周三快乐呀
昨天秀米推送的3个模板玩的爽吗
好看吗？丝滑不？优秀不~
（给个机会，再点进去体验一下下）
今天，我们来讲讲基础原理吧
一切都要从自由滑动布局说起
自由滑动布局在哪里
在图文编辑界面，左边图文模板→布局→基础布局，往下翻，找到一个自由滑动布局，或者直接放大镜搜索框输入#69519，就可以获取自由滑动布局。
布局→基础布局→自由滑动布局
放大镜搜索框输入#69519→自由滑动布局
自由滑动布局如何使用
自由滑动布局，可以同时横向和纵向滑动，选中布局后可弹出工具条，如下图所示：
自由滑动布局工具条
自由滑动布局的内容，是用工具条上的滑动序列来添加。默认序列是用来提示的，制作模板时要删除，别选中它往里面加内容：
自由滑动布局的滑动序列，用来添加内容
添加内容，先要准备好内容。
单个序列，超过一定高度，可做到纵向滑动；超过一个序列，就能同时横向和纵向滑动。
所以，保证每序列内容高度足够，且有多个序列就能同时上下左右滑动。
往自由滑动布局序列中添加内容
准备好内容，放进剪贴板，然后点击自由滑动布局的序列，将它们添加进去。
这里是设置了基础图片格式→无缝图片，一个序列放两张4:3的图片：
准备好内容，放进剪贴板
点击【设置滑动序列】，删除默认序列，然后从剪贴板添加内容：
设置滑动序列→添加内容
调整自由滑动布局结构
然后，现在还可以调整自由滑动布局的界面，比如宽高比、背景、边距边框什么的。
调整宽高比，就是调整序列的显示宽高，调整到一个合适的比例：
调整自由滑动布局的宽高比
然后，就得到了这样一个，简单的展示海报效果，可左右上下滑动：
小结
自由滑动布局，可以同时上下左右滑动，用工具条上的滑动序列来添加内容。
自由滑动布局添加内容，要先放进剪贴板，然后再加进序列里。
它还可以跟秀米其他布局一起使用，做出好玩的SVG互动效果。
好了
以上就是今天的全部内容
关于昨天上线的三个自由滑动模板
大家想要的教程在准备啦
下次见啦~拜
更多阅读
☚☚☚ 向左滑动
秀米有那么多骚技能
不来学几招？
长按扫码关注我们
