Axure怎么設(shè)計(jì)網(wǎng)頁中拖拽控件上下排序的模塊?
百度經(jīng)驗(yàn) 發(fā)布時(shí)間：2019-01-03 16:14:09 作者：goodbyte01 
我要評論
我要評論Axure怎么設(shè)計(jì)網(wǎng)頁中拖拽控件上下排序的模塊？網(wǎng)頁中我們經(jīng)常能見到通過拖拽控件進(jìn)行上下排版的效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
用例：Case3
判定條件：
”值：[[This.y+this.height/2]]小于等于300；“
且
”值：[[This.y+this.height/2]]大于220；“
動(dòng)作：
1.移動(dòng)當(dāng)前組件到達(dá)（200，260）；動(dòng)畫：無
2.隱藏當(dāng)前組件
3.顯示當(dāng)前組件；推動(dòng)元件：下方
用例：Case4
判定條件：
”值：[[This.y+this.height/2]]大于300；“
動(dòng)作：
1.移動(dòng)當(dāng)前組件到達(dá)（200，340）；動(dòng)畫：無
2.隱藏當(dāng)前組件
3.顯示當(dāng)前組件；推動(dòng)元件：下方
僅僅幾步簡單的設(shè)置，就完成了”動(dòng)態(tài)面板：組件1“的交互，其他”組件“的代碼直接復(fù)制過來即可~
以上就是Axure制作拖拽控件上下排序的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
相關(guān)文章
Axure怎么查看頁面的代碼? Axure查看頁面源代碼的兩種方法
Axure怎么查看頁面的代碼？Axure中制作的網(wǎng)頁原型想要看看代碼，該怎么查看代碼呢？下面我們就來看看Axure查看頁面源代碼的兩種方法，需要的朋友可以參考下2018-04-11
Axure全局輔助線和頁面輔助線有什么區(qū)別？Axure中的輔助線有全局輔助線、頁面輔助線、對齊輔助線、顯示自適應(yīng)視圖輔助線，那么全局輔助線和頁面輔助線有什么區(qū)別呢？下面我2018-04-09
Axure動(dòng)態(tài)面板兩種創(chuàng)建方法有什么區(qū)別?
Axure動(dòng)態(tài)面板兩種創(chuàng)建方法有什么區(qū)別？Axure中經(jīng)常使用東臺面板，動(dòng)態(tài)面板有兩種創(chuàng)建方法，這兩種創(chuàng)建方法有什么區(qū)別呢？下面我們就來看看詳細(xì)的教程2018-04-08
axure怎么設(shè)計(jì)密碼輸入框的原型？axure中想要制作一個(gè)可以輸入密碼的輸入框效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-04-07
Axure有怎么使用格式刷？Axure中使用格式刷可以更快捷的實(shí)現(xiàn)一些功能，省去了做重復(fù)工作的機(jī)會，今天我們就來看看Axure格式刷的使用方法，需要的朋友可以參考下2018-04-03
Axure怎么使用熱區(qū)? axure熱區(qū)的使用方法
Axure怎么使用熱區(qū)？Axure設(shè)計(jì)原型的時(shí)候，熱區(qū)不是很常用，但是我們也需要了解一下，下面我們就來看看axure熱區(qū)的使用方法，需要的朋友可以參考下2018-04-02
Axure8.0母版怎么應(yīng)用在頁面上? Axure母版的使用方法
Axure8.0母版怎么應(yīng)用在頁面上？Axure中設(shè)計(jì)頁面的時(shí)候，想要直接手要你管母版，該怎么使用呢？下面我們就來看看Axure母版的使用方法，需要的朋友可以參考下2018-03-29
axure怎么使用Icons圖標(biāo)組件設(shè)計(jì)UI?
axure怎么使用Icons圖標(biāo)組件設(shè)計(jì)UI？axure中自帶了很多圖標(biāo)組件，該怎么直接調(diào)用這些組件圖標(biāo)設(shè)計(jì)ui呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-03-27
axure怎么設(shè)計(jì)手機(jī)屏幕的滾動(dòng)條原型?
axure怎么設(shè)計(jì)手機(jī)屏幕的滾動(dòng)條原型？手機(jī)中經(jīng)常能見到滾動(dòng)條，該怎么制作滾動(dòng)條效果呢？下面我們就來看看axure滾動(dòng)條的制作方法，需要的朋友可以參考下2018-03-27
axure怎么設(shè)計(jì)手機(jī)app的側(cè)邊欄原型?
axure怎么設(shè)計(jì)手機(jī)app的側(cè)邊欄原型？axure中想要設(shè)計(jì)原型很簡單，手機(jī)app的側(cè)邊欄我們經(jīng)常見，想要設(shè)計(jì)這個(gè)原型，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可2018-03-27
