如何制作一个实时在线显示评论

通过循环容器及数据表功能,制作一个发送评论实时显示的功能

效果展示

 

具体步骤

  • 制作评论背景

  • 制作评论样式

  • 制作一个发送评论输入框

  • 制作一个发送按钮

  • 创建评论数据表

  • 添加获取评论事件

  • 创建发送评论触发器

  • 数据绑定与设置

步骤分解

制作评论背景

  • 拖拽 循环容器 到 编辑区

  • 点击 循环容器 图层

  • 点击 检查面板 中的 样式

  • 配置 循环容器 的 样式

  • 选中 列表循环条目

  • 点击 检查面板 中的 样式

  • 调整 列表循环条目 的 样式

 

制作评论样式

  • 拖拽 标签文本 到 列表循环条目 中

  • 点击 检查面板 中的 样式

  • 配置 标签文本 的 样式

制作一个发送评论输入框

  • 拖拽 输入框组件 到 Root Container

  • 选中 输入框组件

  • 点击 检查面板 中的 数据绑定与设置

  • 填写 占位符

  • 点击 检查面板 中的 样式

  • 配置 输入框组件 样式

 

制作一个发送按钮

  • 拖拽 按钮 到 Root Container

  • 选中 按钮

  • 点击 检查面板 中的 数据绑定与设置

  • 填写 自定义内容

  • 点击 检查面板 中的 样式

  • 配置 按钮 样式

 

创建评论数据表

  • 点击 数据中心

  • 创建 数据表

  • 添加评论表数据

添加获取评论事件

  • 点击 事件中心

  • 配置 事件

 

创建发送评论触发器

  • 选中 “发送” 按钮

  • 点击 检查面板 中的 触发器

  • 配置 触发器

 

数据绑定与设置

  • 选中 列表循环条目

  • 点击 检查面板 中的 数据绑定与设置

  • 配置数据

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值