Axure教程:小白如何1分鐘搞定垂直滑動(dòng)?
貢獻(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é)議
評論
解決了。。。作者你也太坑了,小白研究了半天發(fā)現(xiàn)LVAR1這個(gè)東西叫做局部變量,簡單來說這個(gè)是需要自己來設(shè)置的,為了解決其他小白可能也出現(xiàn)和我一樣的問題分享下解決方案:
在交互編輯器點(diǎn)擊if “[[LVAR1.y]]”>”0”,然后點(diǎn)擊“[[LVAR1.y]]”后面的fx,彈出值編輯面板,點(diǎn)擊“添加局部變量”,中間的元件類型選擇“元件”,選擇當(dāng)前元件。
小白提問,按照你的內(nèi)容嘗試做了垂直拖動(dòng)的交互,但是在回彈這里[[LVAR1.y]]這個(gè)條件無法觸發(fā),LVAR1我查了是局部變量,怎么設(shè)置?
你里面的內(nèi)容可以用中繼器實(shí)現(xiàn)的……
如果不下載你的原型,確實(shí)看不明白……