Axure樹梭架的制造方法:
首先，主材料是1。樹元素是營業網點左上角的元素。我們可以使用axure中的原始樹元素。
2.中繼器1（員工列表）是右上角員工列表的中繼器，中繼器內部由多個框組成。中繼器表由四列組成:
列1-表示員工所在的營業廳，對應上面樹組件的營業廳；
第2列-代表性員工姓名；
第3列-代表雇員的職位；
選擇中-表示多選框是否被選中，默認為空。
3.復讀機2（選定列表）是下面選定列表的內容。中繼器的內部由壹個矩形和壹個關閉按鈕X組成..repeater表中只需要壹列Column0，它可以表示雇員的姓名。
二、思路解釋這個原型主要是通過選擇樹節點（選擇對應的營業廳），根據不同的營業廳篩選出營業廳下對應的員工；然後，在員工列表中選擇該員工後，該員工將出現在已選擇列表中；如果未選中，它將在選定列表中消失；如果您取消了選定列表中的員工，您也應該取消員工列表中的選擇。
該原型主要涉及以下交互邏輯:
篩選-篩選出所選營業廳下對應的員工；
兩個中繼器之間的交互，兩個中繼器之間的值傳輸。
三是互動生產1。樹元素的交互當鼠標點擊樹節點（營業廳節點）時，為中繼器1（員工列表的中繼器）添加過濾事件，過濾條件為中繼器1的列1的值等於當前鼠標點擊的樹節點的值。因為有很多樹節點（營業廳），所以我們使用this.text，這樣我們可以直接將此交互復制粘貼到所有樹節點。
默認顯示的營業廳，例如案例的天河區第壹營業廳，需要壹個觸發事件在點擊當前節點時觸發交互。
2.Repeater 1的交互（員工列表的Repeater）加載Repeater 1的每壹項時，我們將多選框的文本設置為Repeater第二列的員工姓名和第三列的員工職位的值，例如，員工姓名1（客戶經理）。您也可以根據實際需要進行設置。
那麽我們需要添加壹個條件。我們通過使用repeater第四列中的值來控制多選框是否被選中，因此如果“選擇中”列中的值等於1，我們將多選框設置為被選中，否則默認為未選中。
當每個項目都加載後，我們添加場景2，對應的條件是item.xuanzhong==1。如果滿足該條件，則執行交互，多選框被設置為選中狀態。如果item.xuanzhong不等於1，理論上我們應該將多選框設置為未選中狀態，但由於多選框默認為未選中狀態，因此我們不需要重新發明輪子，因此不必編寫交互的後半部分。
我們需要添加壹個熱區來阻擋其上方的多選框，因為多選框是否被選中是由repeater宣忠列的值決定的。因此，多選框上的熱區可以防止鼠標直接點擊以更改多選框是否被選中。
當鼠標點擊多選框上方的熱門區域時，我們需要將其分為兩種情況。
1）
當選擇中列的值等於1時，即已經選中，從選中變為未選中時，我們進行更新行的交互，將當前行中選擇中列的值更新為0，可以取消選中。
此外，因為它已經被選中，所以Repeater 2（具有選中列表的Repeater）中原來有這個列表，我們需要在Repeater 2中刪除這個未選中的雇員，因此執行刪除行的交互，前提是Item的值。列2等於TargetItem的值。列0和項目。列2是相應員工列表重復項中的員工姓名；目標項目。Column0是與所選員工相對應的重復控件中員工的姓名。
情況二
當上述情感不成立時（選擇中列的值不等於1），即原本處於未選中狀態，從未被選中為選中時，我們必須先進行更新行的交互，將當前行的選擇中列的值更新為1，這樣當前行的多選框才能被選中。
然後，我們要將員工的姓名添加到選定的姓名中，因此需要使用添加行的交互，添加的值是Item。列2（員工姓名）。
3.Repeater 2的交互（選中列表的Repeater）當Repeater 2的每壹項都被加載時，我們需要設置Repeater 2中的矩形文本==Item.Column0 .這個交互是默認的，如果沒有被刪除，我們壹般不需要編寫它。
我們需要寫的是鼠標點擊取消X按鈕時的交互。如果我們想刪除這個員工列表，我們需要進行兩次交互。壹是刪除當前重復人的當前行，二是取消選擇重復人1（員工列表重復人）對應的員工。
我們需要先取消選擇repeater 1（員工列表repeater）對應的員工，因為如果先刪除當前行，刪除後找不到對應的值進行更新，所以我們需要先更新repeater 1，我們進行更新行的交互。更新條件是該項。列0 = =目標項。列2，選擇中列的值可以更新為0。
這樣，我們就完成了樹穿梭箱的制作。如果有許多樹或中繼器，我們可以將它們變成動態面板並添加滑塊。還可以美化自己的風格，比如鼠標懸停時的風格等等。
制作完成後，下次使用時只需修改樹節點和repeater 1的內容，即可自動生成交互效果，復用性高。
以上就是“如何制作Axure tree穿梭箱？”我已經解釋了相關內容，希望對妳有所幫助！學習Axure原型設計，教程不怕多，內容不怕細節，還有更多Axure文章等妳來閱讀~如果妳此時正在糾結學習Axure，不妨選擇Axure自學課程，全面清晰的知識點可以幫助妳快速學習~