通过使用公式输入框,配置设置值触发器实现一个计算器功能。

效果展示

如何开发计算器小程序(如何在小程序里实现一个计算器功能)(1)

前置准备

1.制作好的计算器界面

具体步骤

1.制作计算输入框

2.创建计算触发器

3.创建数值输入触发器

4.创建重置触发器

5.创建等于触发器

步骤分解1.制作计算输入框

1.1. 拖拽 一个 公式输入框 到 根容器

1.2. 选中 公式输入框

1.3. 点击 检查面板 中的 样式

1.4. 填写 占位符

如何开发计算器小程序(如何在小程序里实现一个计算器功能)(2)

2.创建计算触发器

2.1. 选中 公式输入框

2.2. 点击 检查面板 中的 触发器

2.3. 创建 触发器

如何开发计算器小程序(如何在小程序里实现一个计算器功能)(3)

如何开发计算器小程序(如何在小程序里实现一个计算器功能)(4)

3.创建数值输入触发器

3.1. 选中 标签文本

3.2. 点击 检查面板 中的 触发器

3.3. 创建 触发器

3.4. 选中 标签文本 的 父级容器

3.5. 创建 触发器

3.6. 其余数字操作逻辑相同

如何开发计算器小程序(如何在小程序里实现一个计算器功能)(5)

如何开发计算器小程序(如何在小程序里实现一个计算器功能)(6)

4.创建重置触发器

4.1. 选中 容器

4.2. 点击 检查面板 中的 触发器

4.3. 创建 触发器

如何开发计算器小程序(如何在小程序里实现一个计算器功能)(7)

5.创建等于触发器

5.1. 选中 容器

5.2. 点击 检查面板 中的 触发器

5.3. 创建 触发器

如何开发计算器小程序(如何在小程序里实现一个计算器功能)(8)

这样就可以在小程序里实现一个计算器功能了。

本文转载自知乎,原文链接如何在小程序里实现一个计算器功能? - TOWIFY的文章 - 知乎 https://zhuanlan.zhihu.com/p/583174195

,