Axure的中繼器如何實現兩個列表之間的互動

2022-08-20 13:21:12 字數 1490 閱讀 8727

將中文語言包下的lang資料夾直接放在安裝axure的根目錄下,重啟axure。

開啟axure後,搜尋中繼器,找到後直接拖到頁面中。選中中繼器在右側定義中繼器的名稱為列表左,在屬性欄下面新增column0和column1兩列(支援重新命名),兩個列表分別賦值。如下圖所示:

選中剛才的中繼器複製乙個,移動到頁面右側,修改名稱為列表右,將屬性欄下的column1列下的值全部改為false。如下圖所示:

將兩個按鈕拖到頁面中間,分別給按鈕進行賦值,如圖所示:

選中列表左,在右側屬性欄中設定載入時事件的相應動作,如下圖所示:

選中列表右,在右側屬性欄中設定載入時事件的相應動作,如下圖所示:

雙擊列表左進入中繼器設定頁面,選中中繼器,在右側屬性欄中,選擇滑鼠單擊時事件,如下圖所示:

在屬性欄中的互動樣式設定中點選選中,設定選中時的字型,顏色樣式。如下圖所示:

同樣的操作設定列表右,如下圖所示:

到此為止,選中效果已經做好了。如下圖所示:

接下來設定標記行與取消標記行。雙擊列表左進入中繼器,選中中繼器為其新增選中時用例,如下圖所示:

為列表右設定完選中時用例後,新增乙個取消選中時用例,如下圖所示:

同樣的操作設定列表右,新增選中時用例,如下圖所示:

設定完後,新增取消選中時用例,如下圖所示:

標記行與取消標記設定完畢。最後設定選擇與移除按鈕。

選中選擇按鈕,為其新增滑鼠單擊時用例,如下圖所示:

選中移除按鈕,新增滑鼠單擊時用例,如下圖所示:

到此設定完畢,按f5預覽,如下圖所示:

Axure 中繼器的使用

1 中繼器 repeater 的介紹 相當於程式開發中的小型資料庫,用於存放同種結構的資料,可對其中的資料進行刪除 增加與更新,以及根據設定好的條件對程現的資料組進行過濾等操作,學習它的使用有助於我們快速設計一些複雜的互動介面。注 因作為測試,目前只是對工具的了解和稍會使用即可,暫時不做深入的研究與...

如何利用中繼器實現Axure多選樹效果?

工具 原料 中繼器核取方塊 下拉符號 選中按鈕 取消選中按鈕 展開按鈕 收起按鈕 1級文字標籤 2級文字標籤 type文字標籤 步驟1新增中繼器 在中繼器裡放入下拉符號和多選框。步驟二設定中繼器 type 分1 2 3三個級別,1表示一級 如廣東省 2表示二級 如廣東省 廣州市 3表示 廣東省 廣州...

如何實現兩個JSP資料的傳輸

在乙個jsp中,想取得其中資料庫的乙個欄位並傳送給另乙個jsp中進行操作。在第乙個jsp中傳送 要傳送的資料是資料庫中resultset中的第一列的id,放在entityid中,在乙個鏈結中將其作為missionid傳送給jsp02.jsp string entityid rs.getstring ...