通過循環(huán)容器及數(shù)據(jù)表功能，制作一個發(fā)送評論實時顯示的功能

效果展示

具體步驟

• 制作評論背景

• 制作評論樣式

• 制作一個發(fā)送評論輸入框

• 制作一個發(fā)送按鈕

• 創(chuàng)建評論數(shù)據(jù)表

• 添加獲取評論事件

• 創(chuàng)建發(fā)送評論觸發(fā)器

• 數(shù)據(jù)綁定與設(shè)置

步驟分解

制作評論背景

• 拖拽 循環(huán)容器 到 編輯區(qū)

• 點擊 循環(huán)容器 圖層

• 點擊 檢查面板 中的 樣式

• 配置 循環(huán)容器 的 樣式

• 選中 列表循環(huán)條目

• 點擊 檢查面板 中的 樣式

• 調(diào)整 列表循環(huán)條目 的 樣式

制作評論樣式

• 拖拽 標簽文本 到 列表循環(huán)條目 中

• 點擊 檢查面板 中的 樣式

• 配置 標簽文本 的 樣式

制作一個發(fā)送評論輸入框

• 拖拽 輸入框組件 到 Root Container

• 選中 輸入框組件

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

• 填寫 占位符

• 點擊 檢查面板 中的 樣式

• 配置 輸入框組件 樣式

制作一個發(fā)送按鈕

• 拖拽 按鈕 到 Root Container

• 選中 按鈕

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

• 填寫 自定義內(nèi)容

• 點擊 檢查面板 中的 樣式

• 配置 按鈕 樣式

創(chuàng)建評論數(shù)據(jù)表

• 點擊 數(shù)據(jù)中心

• 創(chuàng)建 數(shù)據(jù)表

• 添加評論表數(shù)據(jù)

添加獲取評論事件

• 點擊 事件中心

• 配置 事件

創(chuàng)建發(fā)送評論觸發(fā)器

• 選中 “發(fā)送” 按鈕

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

• 配置 觸發(fā)器

數(shù)據(jù)綁定與設(shè)置

• 選中 列表循環(huán)條目

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

• 配置數(shù)據(jù)