Axure使用壹個中繼器制作壹個可以合並單元格的表格:
完成後，將顯示以下效果:
壹、材料準備中繼器——將下層材料放置在中繼器內部，如圖所示，中繼器的背景為白色和淺藍色交替。
矩形-N個透明矩形，數量與列數壹樣多，在本例中為6個，從右到右編號為123456。所有矩形的選定樣式設置為深藍色，然後第壹個列表框將更改為深藍色樣式，字體顏色為粗體和白色。
可以根據實際的ui需求設置和放置特定的樣式:
其次，中繼器表的設置如下圖所示。根據創建的列數，列1對應於第壹個網格，列2對應於第二個網格的文本，依此類推。
內容填充方法:如果網格中沒有內容，則意味著該網格需要與上壹個網格合並。在填寫時，我們可以直接將excel中合並單元格的內容復制到表格中。註意:第壹列不能為空。
3.交互設置1。加載repeater的每個項目時設置文本:首先，將repeater表中的每個值設置到相應的矩形中，矩形為1 = item。列1；Rectangle 2 = item.column2Rectangle 3 = item.column3Rectangle 4 = item.column4Rectangle 5 = item.column5Rectangle 6 = item.column6
2.隱藏矩形如果repeater表中的內容為空，我們需要隱藏相應的矩形；如果物品。列6為空，我們將隱藏矩形6；如果項目。列5為空，隱藏矩形5；如果項目。Column4為空，隱藏矩形4；如果項目。Column3為空，隱藏矩形3；如果項目。列2為空，矩形2被隱藏。
註意:矩形1不能隱藏，因為第壹列必須有值。原型是將後面的空白單元格合並到前面。
3.設定尺寸是最關鍵的壹步。我們通過設置矩形的大小來實現合並效果。例如，第六個列表單元格的值為空，我們在上壹步中隱藏了矩形6。然後我們需要設置矩形5的大小，等於它本身的大小+矩形6的大小，然後逐步判斷第五個列表單元格的值是否為空。如果它是空的，將矩形4的大小設置為等於它自己的大小。註意:這應該是橫向整合。上面提到的所有尺寸都很寬，矩形的高度保持不變。
這裏可能很難理解。我給妳舉個例子。假設所有單元格的寬度都是100，我們首先判斷最後壹個單元格（第六個單元格）的值是否為空，如果不是，則不做處理。如果它是空的，則網格6被隱藏，並且網格5的寬度被設置為200，從而阻擋網格6的原始位置並產生合並效果。接下來判斷網格5的值，如果不是空的就不處理；如果它是空的，設置網格4的寬度=它的原始寬度100+網格5的寬度，這是前面定義的。如果網格6的值為空，則為200，否則為100。所以向前推直到格和的值。
4.我們還希望在選擇結束時突出顯示標題，因為我們將表格中矩形的選擇樣式設置為深藍色，字體設置為粗體，字體顏色設置為白色，因此我們添加了壹個判斷事件來判斷該行是否為第壹行，如果是第壹行，我們將選擇進行此顏色更改。
當item.index==1時，我們可以將repeater中所有單元格的選定狀態設置為true。
以上是關於“Axure如何制作壹個可以用repeater合並單元格的表格？”我已經分享了所有精彩的內容，希望妳能從中有所收獲！如果妳覺得壹篇文章不夠過癮，那麽壹定不要錯過Axure相關文章！總之，學習道路和單壹的知識很難實現全面的自我發展！如果妳想完全精通壹項技能，那麽妳必須全面學習！加油，全面學習Axure，全面獲取知識點，快速有效推進自主原型設計~