今天在學(xué)習(xí)如何使用墨刀工具時(shí),對于基礎(chǔ)功能额各,大致和其他軟件相差不大,但在實(shí)現(xiàn)頁面局部垂直滾動時(shí)吧恃,遇見了一點(diǎn)問題虾啦,就是明明使用了滾動面板,但就是無論如何也滾動不起來。經(jīng)過摸索后傲醉,發(fā)現(xiàn)是自己少給滾動面板添加狀態(tài)了针饥。在網(wǎng)上搜了一圈,沒搜到需频,所以想著若有其他同學(xué)跟我一樣遇見相同的問題,剛好可以參考下筷凤。下面我將實(shí)現(xiàn)步驟描述出來:
第一步
從墨刀組件中昭殉,拖一個(gè)“滾動面板”到頁面指定區(qū)域,設(shè)置好滾動的區(qū)域藐守,然后雙擊進(jìn)入滾動面板的編輯頁
第二步
在狀態(tài)一里面將需要填充的內(nèi)容填充好挪丢,然后點(diǎn)擊“+”號,再創(chuàng)建一個(gè)狀態(tài)卢厂,然后退出滾動面板編輯
第三步
在頁面設(shè)置滾動面滾動的方向即可乾蓬,點(diǎn)擊運(yùn)行,就可實(shí)現(xiàn)頁面局部上下滾動了
如果按照步驟操作后慎恒,沒有成功任内,記得逐步檢查步驟是否正確。重點(diǎn)是要記得給滾動面板添加新的狀態(tài)融柬,不要以為是滾動面板了死嗦,就能直接在一個(gè)頁面中布局就好。我就卡在了這個(gè)想法里粒氧,糾纏了好一陣越除。
后面還發(fā)現(xiàn)一種其他方案,其實(shí)不用滾動面板也能實(shí)現(xiàn)外盯。我把操作步驟寫明下摘盆,供參考:
第一步
隨便添加幾個(gè)組件,比如三張圖片饱苟,然后設(shè)置成相同的大泻⒗蕖(可以隨便設(shè)置),然后選中三張圖右鍵轉(zhuǎn)化為動態(tài)組件即可
第二步
雙擊編輯動態(tài)組件掷空,同樣的方式肋殴,給組件添加一個(gè)新的狀態(tài),然后直接退出編輯即可
第三步
拖動圖片的高度坦弟,如拖動到只有一個(gè)圖片护锤,然后設(shè)置組件的滾動方式,點(diǎn)擊運(yùn)行即可成功了
總結(jié)酿傍,只要掌握了動態(tài)組件的使用烙懦,就非常容易了。新加狀態(tài)不但能實(shí)現(xiàn)滾動效果赤炒,其實(shí)它本身的原理是用來實(shí)現(xiàn)不同狀態(tài)下氯析,展示不同頁面內(nèi)容的亏较。這就是墨刀這個(gè)工具強(qiáng)大的地方,他其實(shí)還有好多強(qiáng)大的功能掩缓,唯一不好的一點(diǎn)就是要收費(fèi)雪情,如果企業(yè)有購買,就很完美了你辣。