通过应用数据中心的创立事件和 API Hub 中定义胜利的搜寻图片接口实现一个历史搜寻展现
成果展现
前置筹备
- 在 API Hub 中创立胜利的图片搜寻接口
具体步骤
- 创立数据表
- 制作搜寻界面
- 创立事件
- 创立触发器
- 绑定数据
步骤合成
创立数据表
- 点击 数据中心
- 创立 数据表
制作搜寻界面
- 拖拽 组件切换器 到 根容器
- 拖拽 容器 到 编辑区
- 选中 组件切换器
- 点击 查看面板 中的 数据绑定与款式
- 设置关联内容
- 选中 组件素材
- 拖拽 搜寻框 到 容器
拖拽 流式布局 到 容器
拖拽 循环容器 到 容器
拖拽 图片 到 流式布局 的 条目
拖拽 标签文本 到 循环容器 的 条目
创立事件
- 点击 事件核心
- 配置事件
创立触发器
- 选中 组件切换器
- 点击 查看面板 中的 触发器
- 创立 触发器
选中 循环容器
点击 查看面板 中的 触发器
创立 触发器
- 选中 输入框
- 点击 查看面板 中的 触发器
- 创立 触发器
- 选中搜寻图标
- 点击 查看面板 中的 触发器
- 创立 触发器
- 选中 输入框
- 点击 查看面板 中的 触发器
- 创立 触发器
绑定数据
- 选中 循环条目
- 点击 查看面板 中的 数据绑定与设置
- 绑定数据
这样就能够实现动静实时搜寻框下方展现历史搜寻记录了。
官网链接：https://www.towify.com/#/