如果領(lǐng)導(dǎo)給你多張圖片進(jìn)行排版，還要求需要保證美觀，你會(huì)如何應(yīng)對(duì)？除了滑動(dòng)SVG組件外，還可以用更簡(jiǎn)潔的滑動(dòng)布局，滑動(dòng)布局可以實(shí)現(xiàn)最基礎(chǔ)的左右活動(dòng)。

公眾號(hào)左右滑動(dòng)如何制作

接下來(lái)三兒就來(lái)詳細(xì)為大家講解一下上述展示的左右滑動(dòng)圖片的效果是如何制作出來(lái)的。

① 首先你需要將滑動(dòng)方向設(shè)置好，因?yàn)樽龅氖亲笥一瑒?dòng)效果，就需要將滑動(dòng)方向設(shè)置為【橫向】。

公眾號(hào)照片滑動(dòng)效果制作方法

② 接著在畫布中添加內(nèi)容，比如我在這里面就是放的圖片，注意一張圖片放一個(gè)畫布。

雙擊滑動(dòng)編輯界面進(jìn)入之后，選擇【圖片素材】—【上傳圖片】。

公眾號(hào)照片滑動(dòng)效果制作方法

公眾號(hào)照片滑動(dòng)效果制作方法

展開全文

③ 將圖片放入到編輯器區(qū)域后，為了讓圖片底部不漏出空隙，我們可以選中圖片，打開圖片功能區(qū)選擇【無(wú)縫】。

公眾號(hào)照片滑動(dòng)效果制作方法

④ 制作好第一張圖片之后選擇右側(cè)的【完后編輯】返回到首頁(yè)。

公眾號(hào)照片滑動(dòng)效果制作方法

⑤ 你有多少?gòu)垐D片需要展示，就添加多少個(gè)滑動(dòng)畫布，點(diǎn)擊【+】號(hào)添加畫布，按照剛剛的步驟將圖片添加進(jìn)對(duì)應(yīng)的滑動(dòng)畫布之中。

公眾號(hào)照片滑動(dòng)效果制作方法

這樣就可以實(shí)現(xiàn)我們的左右滑動(dòng)效果了。