中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文分享了使用中繼器設計小標簽，實現(xiàn)動態(tài)添加和刪除的方法。如何快速上手使用中繼器，一起來看看~

何時使用標簽

• 用于標記事物的屬性和維度。
• 進行分類。

先上效果：

步驟

第一步

（1）拖入中繼器，并在樣式中將布局選為水平。

（2）雙擊中繼器進入編輯，將默認矩形進行調整。調整為圓角矩形，并在在默認圖標中找到“X”圖標拖入進去，尺寸顏色自行調整，這里就不做說明。

這里我使用的兩個矩形，一個用于呈現(xiàn)文字，調整左邊為圓角右邊為直角；不顯示右邊線，一個用于呈現(xiàn)刪除符號，調整左邊為直角右邊為圓角，不顯示左邊線。

返回頁面呈現(xiàn)如下效果：

第二步

（1）選中中繼器，在屬性中第一列輸入想要在標簽中展示的文字，刪除多余行，例子如下：

（2）選中中繼器，在屬性的交互中雙擊每項加載時，可以看到默認將呈現(xiàn)文字的矩形的文本進行了設置，值為[[item.Column0]]，以為矩形中顯示的文字即為中繼器第一列的值。

預覽效果：

第三步

（1）制作添加按鈕，在中繼器下方拖入一個矩形寫入文字標簽，拖入“+”圖標，設置樣式如下，尺寸同中繼器中的要素相同，邊線設為虛線，顏色為灰色，這為幽靈按鈕普遍設計方式。

（2）選中添加標簽按鈕，轉換為動態(tài)面板。

在動態(tài)面板后點擊“+”增加狀態(tài)state2。

雙擊編輯state2，復制state1中的圓角矩形，在矩形中拖入文本框，將文本框屬性選中隱藏邊框。

（3）選中文本框，在屬性交互中雙擊“按鍵按下時”。

編輯條件，選中按下的鍵鍵值為回車鍵“return”，此設置為當輸入結束時，點擊回車鍵退出輸入。

同時面板狀態(tài)為是state1,即輸入完成后點擊回車鍵完成輸入，狀態(tài)回到添加狀態(tài)。

此時，在再添加動作中選擇數(shù)據(jù)集下的添加行。

選擇添加行，添加行到中繼器。

點擊column0后的“fx”，編輯值，添加局部變量，選擇元件文字為文本框，此項操作的意思為，設置增加行要顯示的內容為文本框中的文字。

預覽之后發(fā)現(xiàn)每次添加時，輸入框中會保留上一次輸入的文字，因此在添加一個設置文字的動作，將文本框的值設置為空。

在state1中選中按鈕，在按鈕屬性交互中雙擊“鼠標單擊時”，設置面板狀態(tài)為state2，同時設置焦點在文本框。

預覽，這時就可以正常添加標簽了~~~

最后一步

設計刪除標簽功能，在中繼器編輯中選中“x”圖標，在屬性交互中雙擊“鼠標單擊時”，添加動作，選擇中繼器-數(shù)據(jù)集-刪除行，然后選擇this。

神功已成，預覽看看效果吧~

如有不明白之處，或有更好意見，歡迎下方留言討論~

本文由 @海賊-ghost 原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載

題圖來自 Pexels，基于 CC0 協(xié)議