axure怎樣實現(xiàn)左右滑動效果 axure怎么弄左右滑動提示?
axure怎么弄左右滑動提示?不過肯定要有一些技巧的。Axure軟件動態(tài)面板屬性也可以向上滑,但左右移動的結(jié)果只能是水平和互相垂直兩種不能分開的情況??墒且灿植皇菦]法實現(xiàn)方法同頁面上下、左右滑動這個效
axure怎么弄左右滑動提示?
不過肯定要有一些技巧的。Axure軟件動態(tài)面板屬性也可以向上滑,但左右移動的結(jié)果只能是水平和互相垂直兩種不能分開的情況。
可是也又不是沒法實現(xiàn)方法同頁面上下、左右滑動這個效果。
主要進(jìn)階點在對條件的判斷。
我們細(xì)細(xì)回想一下使用手機(jī)App軟件的情形,按住屏幕不松手指向下滑動屏幕,手機(jī)里面頁面只能向下(上)來回滑動,無論你手再咋右滑,其結(jié)果我還是往下(上)來回滑動;向左滑屏幕都是完全不一樣的道理。
所以我,手給屏幕一個動作,頁面確定手向上滑屏幕的方向,不能執(zhí)行手最初始手滑動屏幕方向天翼,但不松手,屏幕移動沒有辦法以豎直的或水平兩種效果,并肯定不能從豎直移動裝換到水平移動,就算松手后頁面再一次負(fù)責(zé)執(zhí)行判斷。即手最正在的動作確定了頁面左右移動的方向。
抓著這件事,通過已學(xué)Axure軟件知識點,我想出不勝感激實現(xiàn)程序該功能方案。
一、重要定義
1.三個動態(tài)面板
動態(tài)面板A、B——A和B為嵌套關(guān)系,A在外層,B在內(nèi)層
動態(tài)面板C——兩個狀態(tài)運行記錄全局變量x、y
2.兩個全局變量
x沿x軸鼠標(biāo)拖動總距離的絕對值向上取整([[math.abs(math.ceil(TotalDragX))]])
y沿y軸拖動總距離的絕對值向上取整([[math.abs(math.ceil(TotalDragY))]])
二、核心問題——如合精確且迅捷的明白手移動屏幕的方向?
我實際過數(shù)次又一次測試3出一種結(jié)果相對于我們的理想的方法:
拖拽閃圖面板A結(jié)束,按照日志面板C兩個狀態(tài)迅速運行,在其狀態(tài)轉(zhuǎn)變時記錄全局變量x、y,從而可以確定移動鼠標(biāo)動態(tài)面板A時x、y大小最終達(dá)到明白其頁面(動態(tài)面板B)來回滑動方向。
流程圖如下:
三、具體一點原型設(shè)計
做一個手機(jī)外殼,內(nèi)嵌寬高325X575的內(nèi)聯(lián)框架,再連接框架到內(nèi)容頁面:
設(shè)置中全局變量x、y;
再點擊菜單欄中-項目-全局變量,新增兩個全局變量x和y,設(shè)值為空或0;
向新的頁面添加一個帶頁碼的矩形標(biāo)識框,復(fù)制成三份,分別屬於第一頁、第二頁、第三頁,名稱三個為1、2、3。
將這三個頁面圈出聲—右鍵—裝換為動態(tài)面板,設(shè)置中該閃圖面板名稱為B,再直接點擊代碼面板B—右鍵—裝換為動態(tài)面板,設(shè)置中最外層動態(tài)面板名稱為A。
再往相冊面板A外面扔入三個新的相冊面板C,把日志面板狀態(tài)直接添加到兩個。
在動態(tài)面板A上設(shè)置中追加用例:
拖拽又開始時:系統(tǒng)設(shè)置動態(tài)面板C狀態(tài)為Next,朝前非循環(huán),不要超過2ms(時間要短);
拖動時:確定全局變量x,y大?。?/p>
xgty時水平移動動態(tài)面板B,xlty時平行移動動態(tài)面板B;
拖動結(jié)束后時:設(shè)置中代碼面板C突然停止循環(huán)。
在相冊面板C上設(shè)置企業(yè)應(yīng)用程序
狀態(tài)變化時:設(shè)置中全局變量值。
x[[math.abs(math.ceil(TotalDragX))]],y[[math.abs(math.ceil(TotalDragY))]]
再點擊菜單欄查找-預(yù)覽即可注意到同頁面實現(xiàn)方法了左右、上下兩種拖拽效果。
emmmmmmm覺著又看了看很不舒服我們也可以一系列系統(tǒng)完善原型:
減少:
頁面移動鼠標(biāo)范圍和水平拖拽的兩種效果
越來越慢鼠標(biāo)拖動
飛快移動鼠標(biāo)
在以前的原型基礎(chǔ)上:
1.頁面范圍的限制條件可以先添加在相冊面板A鼠標(biāo)拖動時-界限-添加邊界
水平鼠標(biāo)拖動而言,明白動態(tài)面板B元件的寬高為975X1000,單個三角形頁面寬高為325X1000。所以我水平鼠標(biāo)拖動沒限制邊界范圍為[-650,0]即可不滿足水平拖動時肯定不會把頁面拖瀏覽邊框。
同樣的的直角托動,限制下載邊界范圍為[-500,0]表就行。
rp預(yù)覽快捷鍵?
拷貝CtrlXCMDX
圖片文件夾CtrlCCMDC
粘帖CtrlVCMDV
再復(fù)制為純文本CtrlShiftVCMDShiftV
再復(fù)制以及完全鎖定的小部件CtrlShiftAltVCMDShiftOPTV
粘帖樣式CtrlAltVCMDOPTV
重復(fù)一遍CtrlDCMDD
重新指定Ctrl Z CMD Z重做Ctrl Y CMD Y全選Ctrl A CMDA
可以打開文件CtrlOCMDO
新文件CtrlNCMDN
能保存存檔CtrlSCMDS
另存為Ctrl Shift S CMD ShiftS
解盟Axure RPAlt F4 CMDQ
打印CtrlPCMDP
中搜索CtrlFCMDF
替換CtrlHCMDR
幫助F1F1
單詞發(fā)音去檢查F7 CMD Shift
最好的項F9 CMD,
粗體/非粗體CtrlBCMDB
下劃線/無下劃線CtrlUCMDU
斜體/非斜體CtrlICMDI
第二頁/工作界面CtrlTAB
上第一頁/工作界面Ctrl Shift TAB
第三頁/所有頁面CtrlAlt→CMDOPT→
上一頁/所有頁面CtrlAlt←CMDOPT←
關(guān)掉當(dāng)前頁CtrlWCMDW
關(guān)了窗口Alt F4 CMD Shift W
關(guān)了所有標(biāo)簽CtrlShiftWCMDShiftOPTW
上那一頁PgUpPgUp
第三頁PgDnPgDn
向前上翻頁Shift PgUp Shift PgUp
向后翻頁Shift PgDn Shift PgDn
往上滾動鼠標(biāo)上方滾動鼠標(biāo)向下滾動
向下轉(zhuǎn)動鼠標(biāo)往上劃動鼠標(biāo)往下滾動
向右滾動Shift鼠標(biāo)上方向下Shift鼠標(biāo)上方滾動
向左邊劃動Shift鼠標(biāo)往上滾動起來Shift鼠標(biāo)向下滾動
放大和縮小CtrlCMD
縮小Ctrl-CMD-
修改密碼縮放Ctrl0CMD0
中心畫布Ctrl1CMD1
圖像大小到所選內(nèi)容Ctrl 2 CMD 2中心選擇Ctrl3CMD3
移致0,0Ctrl9CMD9
預(yù)備隱藏地標(biāo)尺CtrlSPACECtrlSPACE
顯示網(wǎng)格Ctrl#39CMD#39
不顯示全局標(biāo)線CtrlAlt,CMD OPT,
顯示頁面做個參考線
長方形CtrlShiftBCMDShiftB
橢圓CtrlShiftECMDShiftE
文本CtrlShiftTCMDShiftT
鋼筆CtrlShiftPCMDShiftP
組合CtrlGCMDG
可以取消配對組合Ctrl Shift G CMD Shift G
元件向后移動一層Ctrl]CMD]
元件下壓一層Ctrl[CMD[
元件移下頂層CtrlShift]CMDShift]
元件移下底層CtrlShift[CMDShift[
居中對齊CtrlAltLCMDOPTL
居中對齊CtrlAltCCMDOPTC
兩端對齊CtrlAltRCMDOPTR
頂部尺寸線CtrlAltTCMDOPTT
中間整個表格Ctrl Alt M CMD OPT M
底部整個表格CtrlAltBCMDOPTB
文字右對齊CtrlShiftLCMDShiftL
文字居中對齊Ctrl Shift C CMD ShiftC
文字兩端對齊CtrlShiftRCMDShiftR
水平分布CtrlShiftHCMDShiftH
互相垂直廣泛分布Ctrl Shift U CMD Shift U
可以轉(zhuǎn)換為動態(tài)面板CtrlShiftAltDCMDShiftOPTD
轉(zhuǎn)換成為母版Ctrl Shift Alt M CMD Shift OPT M
還原系統(tǒng)部件CtrlShiftAltBCMDShiftOPTB
移動到位置和尺寸CtrlKCMDK
帳號鎖位置和尺寸CtrlShiftKCMDShiftK
可以編輯位置和尺寸CtrlLCMDL
保持寬高比調(diào)整W/H大小Shift ENTER Shift ENTER
圖片內(nèi)容復(fù)制CtrlShiftAltSCMDShiftOPTS
圖片布料裁剪CtrlShiftAltCCMDShiftOPTC
直接插入文本鏈接CtrlShiftAltHCMDShiftOPTH
徹底刪除所有視圖CtrlDELCMDDEL
減少腳注編號CtrlJCMDJ
提高腳注編號CtrlShiftJCMDShiftJ
漲大字體CtrlAlt-CMDOPT-
可以放大字體CtrlAltCMDOPT
改字體CtrlTCMDT
合并形狀CtrlAltUCMDOPTU
減去一頂層形狀Ctrl Alt S CMD OPTS
與形狀區(qū)域相交Ctrl Alt I CMD OPTI
可以排除重疊形狀CtrlAltXCMDOPTX
新建任務(wù)頁面Ctrl ENTER CMD ENTER
重命名CtrlShiftENTERCMDShiftENTER
改名選中后頁面TABTAB
你升級左鍵單擊頁面Shift TAB Shift TAB
上方移動所選項目Ctrl↑CMD↑
向外移動所選項目Ctrl↓CMD↓
搜索所有CtrlShiftFCMDShiftF
從搜索欄移致結(jié)果列表↓↓
從結(jié)果列表直接返回搜索欄Shift TAB Shift TAB
再次搜索ESCESC
復(fù)制頁面CtrlDCMDD
交撞選中后Ctrl Alt 1 CMD OPT1
乾坤二卦選中CtrlAlt2CMDOPT2
連接器模式CtrlECMDE
光標(biāo)模式CtrlAltPCMDOPTP
定位范圍至交互欄目CtrlShiftXCMDShiftX
定位至說明欄目Ctrl Shift N CMD Shift N左側(cè)欄目隱藏Ctrl Alt [ CMD OPT[
右側(cè)欄目封印CtrlAlt]CMDOPT]
預(yù)覽
預(yù)覽項目CtrlShiftAltPCMDShiftOPTP
先發(fā)布到Axure CloudCtrl / CMD /生成HTMLCtrl Shift O CMD Shift O
然后再生成氣體當(dāng)前頁面CtrlShiftICMDShiftI
生成說明書CtrlShiftDCMDShiftD
生成器配置CtrlShiftMCMDShiftM
登陸賬號AxureRP賬戶CtrlF12CMDF12。