使用觸發(fā)器的隱藏，實現(xiàn)列表消息的清除

效果展示

前置準(zhǔn)備

1. 消息列表素材

具體步驟（6）

1.添加消息列表背景

2.制作標(biāo)題

3.制作標(biāo)記已讀

4.制作未讀消息氣泡

5.創(chuàng)建隱藏觸發(fā)器

6.創(chuàng)建標(biāo)記已讀觸發(fā)器

步驟分解

1.添加消息列表背景

1.1. 拖拽圖片組件到根容器

1.2. 選中圖片組件

1.3. 點擊 檢查面板 中的 數(shù)據(jù)綁定與設(shè)置

1.4. 上傳圖片素材

1.5. 點擊檢查面板 中的 樣式

1.6. 調(diào)整圖片組件樣式

2.制作標(biāo)題

2.1. 拖拽標(biāo)簽文本到根容器

2.2. 選中標(biāo)簽文本

2.3. 點擊檢查面板 中的 樣式

2.4. 配置 標(biāo)簽文本樣式

3.制作標(biāo)記已讀

3.1. 拖拽標(biāo)簽文本到根容器

3.2. 選中 標(biāo)簽文本

3.3.點擊檢查面板 中的 樣式

3.4.配置標(biāo)簽文本樣式

3.5. 拖拽標(biāo)簽組件 到 根容器

3.6.? 點擊檢查面板 中的數(shù)據(jù)綁定與設(shè)置

3.7. 選擇圖標(biāo)

3.8. 選中 圖標(biāo)

3.9.點擊檢查面板中的樣式

3.10. 配置圖標(biāo)樣式

4.制作未讀消息氣泡

4.1. 拖拽標(biāo)簽文本 到消息列表素材

4.2.選中標(biāo)簽文本

4.3. 點擊檢查面板中的樣式

4.4. 調(diào)整標(biāo)簽文本的樣式

5.創(chuàng)建隱藏觸發(fā)器

5.1. 選中未讀消息氣泡

5.2.點擊檢查面板 中的 觸發(fā)器

5.3.配置觸發(fā)器

5.4.其余未讀消息氣泡操作邏輯相同

6.創(chuàng)建標(biāo)記已讀觸發(fā)器

5.1. 選中標(biāo)記已讀標(biāo)簽文本

5.2. 點擊 檢查面板中的觸發(fā)器

5.3. 配置觸發(fā)器