国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 應用 > 網頁應用 > 正文

Axure怎么設計網頁中拖拽控件上下排序的模塊?

2024-07-16 17:25:28
字體:
來源:轉載
供稿:網友

Axure設計網頁圓形的時候,想要實現控件拖拽的上下排序,我們可以通過中繼器實現,局限性在于僅能往上拖拽排序,往下無法排序,下面我們就來看看詳細的教程。

軟件名稱:原型設計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)軟件大小:90.5MB更新時間:2018-05-24

看似一個復雜的效果,實現起來發現也挺簡單的,經過測試,發現只要設置一個“組件”的交互,其他“組件”的代碼完全相同,哈哈,僅僅只要復制、粘貼即可~

主要的應用方式,就是鼠標拖拽”控件“移動(可參考早期鏈接),并判斷”控件“所在位置~

新建一矩形,置于底層,命名為“ background”,尺寸450*450(大小隨意),隱藏,并鎖定位置(105,20)

另新建一矩形,設置矩形內容為“組件1”,填充色#CCCCCC,尺寸大小為240*75;并轉為”動態面板“;此動態面板,命名為”Module1“,設置尺寸為240*80;

此動態面板,命名為”Module1“,設置尺寸為240*80;

可以另復制3份”動態面:Module1“,分別命名為”Module2“、”Module3“、”Module4“,并修改其內容為“組件2”、“組件3”、“組件4”及填充色;“Module1“、”Module2“、”Module3“、”Module4“,垂直排列,組件上下之間無間隙~(間隙預留在了動態面板state1中),參考如下:

也可以在設置好”動態面:Module1“的交互動作后,再復制,并做想相應的修改;”動態面板:組件“的交互大致相同,所以這里僅作”動態面板:組件1“的交互說明,其他不再贅述~

”動態面板:組件1“的”拖動開始時“的Case1用例:

1.隱藏”動態面板:組件1“;拉動元件:下方;動畫:線性;時間:100毫秒

2.顯示”動態面板:組件1“;置于頂層

(隱藏”動態面板:組件1“時的拉動元件,可以不設置動畫,設置動畫及時間是為了有個“移動”的感覺,副作用就是相應的操作不能過快)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 沁水县| 师宗县| 思茅市| 米泉市| 新晃| 灵川县| 延津县| 清涧县| 绥宁县| 龙游县| 横峰县| 南靖县| 济宁市| 平阳县| 泰宁县| 蓬莱市| 瓦房店市| 大同市| 申扎县| 正安县| 邹平县| 滦平县| 临沂市| 高台县| 武城县| 湖南省| 海林市| 德清县| 兴海县| 铁岭市| 闽清县| 浦东新区| 通河县| 仙居县| 大同市| 诸城市| 长兴县| 许昌市| 南川市| 甘洛县| 萨迦县|