国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

網(wǎng)頁(yè)orApp鼠標(biāo)滾動(dòng)效果在原型設(shè)計(jì)中如何實(shí)現(xiàn)，文章對(duì)此作出了分享。

前些天要做一個(gè)高保真的email應(yīng)用原型，在做滑動(dòng)顯示郵件列表的時(shí)候發(fā)現(xiàn)自用各種事件都滿足不了，網(wǎng)上也沒(méi)有一個(gè)比較規(guī)范的教程，自己特意整理了一下，在做網(wǎng)頁(yè)或者app時(shí)能模仿出鼠標(biāo)滾動(dòng)效果，注意是滾動(dòng)，不是點(diǎn)擊拖動(dòng)。

步驟1：將“內(nèi)部框架組件”組件拖拽到“index”頁(yè)面，設(shè)置好坐標(biāo)和大小。

步驟1圖

步驟2：將“內(nèi)部框架組件”組件轉(zhuǎn)換成動(dòng)態(tài)面板，默認(rèn)狀態(tài)為state1并取消勾選“自動(dòng)調(diào)整為內(nèi)容尺寸”。

步驟2圖

步驟3：切換到“內(nèi)部框架”頁(yè)面，將“內(nèi)部框架組件”組件的滾動(dòng)條設(shè)置為“從不顯示滾動(dòng)條”。

步驟3圖

步驟4：切換到“index”頁(yè)面，在此頁(yè)面的上點(diǎn)擊鼠標(biāo)右鍵，再設(shè)置滾動(dòng)條為“從不顯示滾動(dòng)條”，并再檢查 index頁(yè)面的動(dòng)態(tài)面板是否取消勾選“自動(dòng)調(diào)整為內(nèi)容尺寸”。

步驟4圖

步驟5：在“內(nèi)部框架”頁(yè)面再拖入一個(gè)“內(nèi)部框架”，也就是在index的state1頁(yè)面拖入一個(gè)“內(nèi)部框架”組件，將這個(gè)組件轉(zhuǎn)換成動(dòng)態(tài)面板(將默認(rèn)狀態(tài)修改為state2)，要注意的是設(shè)置大小，一定要注意滾動(dòng)條要超過(guò)index的state1頁(yè)面的顯示范圍，這樣能夠避免在頁(yè)面中顯示出滾動(dòng)條。

步驟5圖

步驟6：設(shè)置剛剛插入的第二個(gè)“內(nèi)部框架組件”動(dòng)態(tài)面板，取消state1頁(yè)面中的滾動(dòng)條和邊框的顯示，取消勾選“自動(dòng)調(diào)整為內(nèi)容尺寸”，在state1動(dòng)態(tài)面板下修改剛剛插入的第二個(gè)“內(nèi)部框架組件”動(dòng)態(tài)面板上右鍵，選擇“自動(dòng)顯示垂直滾動(dòng)條”。

步驟6圖

步驟7：在state2頁(yè)面中拖入一個(gè)長(zhǎng)圖片或者加入長(zhǎng)文本，點(diǎn)擊F5就能看到效果了。

步驟7圖

8.更多：可以設(shè)置上下邊界，不顯示滾動(dòng)條，可以完全模擬出鼠標(biāo)滑輪滾動(dòng)效果，可以嘗試下用下別的組件。

效果預(yù)覽：https://o9qpvp.axshare.com

本文由 @虛偽的溫柔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自PEXELS，基于CC0協(xié)議