【Axure8.0】——利用中繼器動態新增、刪除原件
前言
這次給大家介紹一個挺好玩的元件——中繼器
正文
此元件可以在一定程度上實現動態 新增、刪除 元件
下面介紹一下此功能的進階之路
基本款
1、新增中繼器元件
① 中繼器的屬性中將中繼器修改成一行
② 將中繼器自動生成的一個事件刪除
③ 調整一下自動生成的矩形的大小
④ 拖入一個文字框,隨便輸些文字,最後變成這個樣子
2、 動態新增元件
① 對矩形新增滑鼠單擊事件
② 選擇新增行動作
③ 勾選目標中繼器
④ 單擊下方的新增行
⑤ 點選圖示新增一行,並確定
預覽一下效果就是這樣的
單擊一下新增一組元件,並且新增的元件完全一樣
元件之前的屬性和事件全都不變
3、 動態刪除元件
① 對矩形新增一個右擊事件(請忽略截圖中左上角的文字)
② 選擇刪除行動作
③ 勾選目標中繼器
④ 選擇this並確定
這樣右擊哪一個矩形對應的哪一組元件就刪除了
略吊款
為了更加方便一些,我將原本的中繼器稍微修改了一下。
並將上面的兩個用例複製到了兩個button的單擊事件上了
在基本款中存在一些小問題:
如果將某一個文字框的內容修改之後
單擊任意一個新增或者刪除按鈕
所有的文字框都會變為原本設定的內容
在某些時候,這樣是不太好的
下 面 是 對 上 一 版 本 的 改 進
1、對文字框新增失去焦點事件
① 選擇更新行動作
② 勾選目標中繼器
(前兩步與前面的步驟類似,並未在圖中表示)
③ 單擊下拉選單選擇列
④ 在下拉選單中選擇目前唯一存在的一列Column0,並單擊fx
⑤ 彈出窗體,單擊插入變數或函式,選擇元件下的text
2、對此文字框新增載入時事件
① 選擇設定文字
② 選擇當前元件
(前兩步與前面的步驟類似,並未在圖中表示)
③ 單擊fx
④ 彈出窗體,單擊插入變數或函式
⑤ 選擇中繼器下的Item.Column0
到這裡就修改完成了。
本來我還有1~2個版本給大家展示的,
但是通過前面的一些闡述,相信優秀、聰明的客官能將此元件開發的更好玩。。
結語
該寫的不是我相寫的,寫出來的又總是微不足道