Axure教程:小白如何1分鐘搞定垂直滑動(dòng)?

zz
4 評論 4857 瀏覽 4 收藏 4 分鐘

貢獻(xiàn)一個(gè)滑動(dòng)模板,可以減少操作失誤,更簡單的設(shè)置滑動(dòng)效果,并且沒有滑動(dòng)框。

效果預(yù)覽地址:https://95mtb2.axshare.com

一、新建AXURE

插入iphone6外殼:

二、載入模板

1. 下載“我的頁面-垂直拖動(dòng)案例”,解壓壓縮包

鏈接: https://pan.baidu.com/s/1z0MUefPFZ1_j_zHbBWNqDg

提取碼: qr2a

2. 載入模板

文件—從rp文件導(dǎo)入,按照提示一步步操作就能載入模板。

3. 復(fù)制動(dòng)態(tài)模板

把動(dòng)態(tài)模板復(fù)制到之前的iphone6外殼內(nèi)。

三、修改內(nèi)容

1. 雙擊中間選中區(qū)域

2. 進(jìn)入fisrst/state1編輯動(dòng)態(tài)面板

3. 調(diào)節(jié)動(dòng)態(tài)面板高度和寬度

藍(lán)色的線調(diào)節(jié)高度,綠色的線調(diào)節(jié)寬度。

4. 調(diào)節(jié)顯示內(nèi)容長度

如果內(nèi)容增多或減少,一定要修改“-759”這兩個(gè)數(shù)值,否則內(nèi)容顯示不全。

公式:542(面板高度)-1301(內(nèi)容高度)=-759

動(dòng)態(tài)面板—?jiǎng)幼鳌庉嫍l件—修改fx—確定,另一個(gè)“-759”也是這個(gè)修改方法。

5. 編輯動(dòng)態(tài)面板

雙擊面板,進(jìn)入second/state1編輯面板內(nèi)容。

“second/state1(我的)”和“fisrst/state1(我的)”、“我的”頁面可以切換編輯。

第一次編寫教程,如果您覺得有用,歡迎點(diǎn)贊支持,寫得不好的地方也可相互交流。

 

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

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 解決了。。。作者你也太坑了,小白研究了半天發(fā)現(xiàn)LVAR1這個(gè)東西叫做局部變量,簡單來說這個(gè)是需要自己來設(shè)置的,為了解決其他小白可能也出現(xiàn)和我一樣的問題分享下解決方案:
    在交互編輯器點(diǎn)擊if “[[LVAR1.y]]”>”0”,然后點(diǎn)擊“[[LVAR1.y]]”后面的fx,彈出值編輯面板,點(diǎn)擊“添加局部變量”,中間的元件類型選擇“元件”,選擇當(dāng)前元件。

    來自云南 回復(fù)
  2. 小白提問,按照你的內(nèi)容嘗試做了垂直拖動(dòng)的交互,但是在回彈這里[[LVAR1.y]]這個(gè)條件無法觸發(fā),LVAR1我查了是局部變量,怎么設(shè)置?

    來自云南 回復(fù)
  3. 你里面的內(nèi)容可以用中繼器實(shí)現(xiàn)的……

    來自北京 回復(fù)
  4. 如果不下載你的原型,確實(shí)看不明白……

    來自北京 回復(fù)