1. 程式人生 > >【Axure8.0】——利用中繼器動態新增、刪除原件

【Axure8.0】——利用中繼器動態新增、刪除原件

前言

  這次給大家介紹一個挺好玩的元件——中繼器

正文

  此元件可以在一定程度上實現動態 新增、刪除 元件

  下面介紹一下此功能的進階之路

  基本款

1、新增中繼器元件

 ① 中繼器的屬性中將中繼器修改成一行

 ② 將中繼器自動生成的一個事件刪除

 ③ 調整一下自動生成的矩形的大小

 ④ 拖入一個文字框,隨便輸些文字,最後變成這個樣子


2、 動態新增元件

 ① 對矩形新增滑鼠單擊事件

 ② 選擇新增行動作

 ③ 勾選目標中繼器

 ④ 單擊下方的新增行

 ⑤ 點選圖示新增一行,並確定


預覽一下效果就是這樣的

單擊一下新增一組元件,並且新增的元件完全一樣

元件之前的屬性和事件全都不變


3、 動態刪除元件

 ① 對矩形新增一個右擊事件(請忽略截圖中左上角的文字)

 ② 選擇刪除行動作

 ③ 勾選目標中繼器

 ④ 選擇this並確定

  這樣右擊哪一個矩形對應的哪一組元件就刪除了


  略吊款

  為了更加方便一些,我將原本的中繼器稍微修改了一下。

  並將上面的兩個用例複製到了兩個button的單擊事件上了


在基本款中存在一些小問題:

 如果將某一個文字框的內容修改之後

 單擊任意一個新增或者刪除按鈕

 所有的文字框都會變為原本設定的內容

 在某些時候,這樣是不太好的

下 面 是 對 上 一 版 本 的 改 進

1、對文字框新增失去焦點事件

 ① 選擇更新行動作

 ② 勾選目標中繼器

 (前兩步與前面的步驟類似,並未在圖中表示)

 ③ 單擊下拉選單選擇列

 ④ 在下拉選單中選擇目前唯一存在的一列Column0,並單擊fx

 ⑤ 彈出窗體,單擊插入變數或函式,選擇元件下的text



2、對此文字框新增載入時事件

 ① 選擇設定文字

 ② 選擇當前元件

 (前兩步與前面的步驟類似,並未在圖中表示)

 ③ 單擊fx

 ④ 彈出窗體,單擊插入變數或函式

 ⑤ 選擇中繼器下的Item.Column0


到這裡就修改完成了。

本來我還有1~2個版本給大家展示的,

但是通過前面的一些闡述,相信優秀、聰明的客官能將此元件開發的更好玩。。

結語

該寫的不是我相寫的,寫出來的又總是微不足道