如何用 Axure 製作類似的手機滑屏效果原型?

時間 2021-05-14 18:25:14

1樓:Song

是不是要這種效果?

通過動態面板來實現。

1、上下滑動:通過onDrag事件(鎖定y軸)控制頁面move動作,使頁面上下移動

2、左右滑動:通過onSwpieLeft和Right控制多個state頁面切換,達到tab切換

完整的教程可查本人專欄文章:

《Axure動態面板(上下左右滑動)》(文章如下)https://

zhuanlan /p/84349300

2樓:

略微麻煩了些,其實可以設定乙個主面板,乙個次面板巢狀,次面板設計滑動頁面;此外根據設定的hot spot 來判斷定位到第個頁面。

3樓:leokg

axure 7可以實現手機上的左滑右滑手勢操作,效果早有基本的一些移動了。但是建議別太在意做這些效果,細節方面溝通比較高效。

4樓:王海川

在剛才建立的動態面板內部再新增乙個動態面板,這個動態面板也是只需要乙個狀態,尺寸根據你的需求來定,比如你划屏的內容有兩屏,那這個面板的尺寸就是剛才那個面板的兩倍大(橫向尺寸),我在模型裡用三屏舉例,如圖:

然後還是在這個頁面,新增乙個影象熱區,位置的話就放在第一級動態面板的中軸線上(就是這個頁面的藍色框的中軸線),熱區的形狀盡量小一些,防止之後在拖動的時候會不小心點到了,如圖:

然後在第二步建立的那個比較大的動態面板內部,再新增三個動態面板,這三個動態面板就是要滑屏的不同頻幕了,我這裡以123來區分(其實上邊兩張圖大家都已經能看見了,就是那三個動態面板),所以就不上圖了;

到這裡,部件的建立就完成了,部件的層級關係給大家看下,如圖:

然後就是在第二步建立的比較大的動態面板上新增動作了~ 第乙個是先在OnDrag動作下新增移動這個比較大的動態面板的動作,方向的話就是沿著X軸;然後就是在OnDragDrop下新增動作:這裡需要三個用例來分別區分下當拖動停止時,螢幕停留在第幾屏,具體的如圖:

關於拖動停止時的動作再詳細說下,就是通過第四步建立的那三個動態面板的位置來判斷當前的螢幕應該停留在第幾屏,然後來執行移動的命令來把他們精確的停在那個位置,位置的判斷是通過條件裡的「部件的範圍」來實現的,具體如圖:這個就是判斷位置的條件,翻譯一下就是看,動態面板「1」(就是第一屏)的範圍是不是和之前那個新增的熱區重疊,如果是重疊的狀態就說明當前應該停留在第一屏;所以就執行下圖的動作,移動較大的動態面板到指定的位置(0,0)因為是第一屏,所以就是初始位置,同理第二屏和第三屏就是最後的位置不同。

請問類似的積分如何解決?

qfzklm 目測這個積分是在計算乙個在水平面上同時具有平動和轉動的均勻圓盤所受的摩擦力。圖中的角度 和矢徑 是題主原先定下的極座標引數,在水平面上同時具有平動 和轉動 的均勻圓盤所受的摩擦力,只有 方向有淨的貢獻,所以假定圓盤密度 和摩擦係數 之後,可以直接寫出題主要計算的積分 然而這個積分怎麼看...

如何用ps製作如圖這種效果?

在路上 其他的答案中兩個模組之間的空隙都是等距的,但題主需要的是外寬內窄的,我想這裡才是題主的關鍵困惑點吧。先上完成圖 下邊是一整張步驟圖 首先樓上已經把怎麼做出來這個效果講的很清楚了,這裡我補充一點,就是你用PS做任何圖都要有乙個向量的概念 除非是點陣圖素材 和智慧型物件的概念 像樓上做的那個圓環...

如何用Axure來撰寫網際網路的產品需求文件(PRD)

馬龍 先說為什麼,現在越來越多的產品經理使用axure來編寫專案文件,包括pro mrd等,為啥要這樣做,因為方便啊。產品經理使用axure設計原型,如果再用word寫文件,那樣的話很慢,而且容易出現不一致的問題。再說怎麼做,對於prd來說,一般包括產品說明和原型兩部分,產品說明部分包括版本 產品說...