Axure高级功能
目錄
變量的使用
局部變量
案例一:實現加法運算:(點擊等號可以得出運算結果)
?全局變量
案例二:點贊
動態面板的使用?
案例三:輪播圖
?案例四:手機頁面超出內容的處理
?中繼器
案例五:動態表格(實現增刪改查)?
案例六:搭建PC網站框架
案例七:搭建移動端App框架?
?
變量的使用
局部變量
案例一:實現加法運算:(點擊等號可以得出運算結果)
使用到的元件:
?
修改后:
接下來,給等號添加交互事件:
?全局變量
案例二:點贊
動態面板的使用?
案例三:輪播圖
使用到的元件:Default:動態面板、圖像?、橢圓、左角符、右角符
?添加小圓點:
給小圓點建立交互事件:點擊事件(變顏色、變圖片)
?設置小圓點隨輪播圖進行切換:
同理,添加其他的用例:
?
第一個小圓點沒有選上,我們可以將其設置為默認選上:
添加左右箭頭:
移入顯示,移出隱藏:
先設置隱藏:
鼠標移入停止循環,移出繼續循環
點擊小圓點后不會繼續輪播,解決:
?
?案例四:手機頁面超出內容的處理
方法一:使用內聯框架
?然后在瀏覽器中查看。
方法二:使用動態面板
?中繼器
?呈現表格的結構
使用:
案例五:動態表格(實現增刪改查)?
最終成果:
實現:
?
?
?
?
?
?
?
?
?
?
?
編輯完之后,要將它們全部組合在一起。?
?接下來,我們完成新增功能:
第一步,將模態框設為隱藏
第二步:給新增按鈕添加點擊事件(點擊新增按鈕,模態框顯示)?
?
第三步:給取消按鈕添加點擊事件(點擊取消按鈕模態框隱藏)
第四步:給確定按鈕添加點擊事件(點擊確定添加新內容)
?
?
?
點擊確定還需要關閉模態框
?
最后,我們還要將輸入框清空,否則下次再點擊新增會遺留歷史數據
?
接下來,實現刪除功能:
?
?
實現批量刪除功能:
?
?
?
?
接下來,完成編輯功能:
?
?首先,我們需要取消所有標記行,否則無法選中當前元件
?
然后再給當前元件添加標記行
?
然后設置面板狀態為編輯面板(顯示出編輯的面板)
最后,獲取文本框內容
??
最后,要記得給動態面板的確定和取消按鈕添加點擊事件
?
接下來,實現查詢功能:
?
?
案例六:搭建PC網站框架
?
?
?
案例七:搭建移動端App框架?
?
?
?
?
總結
- 上一篇: java dbcp连接池_Java——D
- 下一篇: java中的DBCP连接池