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