HarmonyOS鸿蒙Next APP开发- 数学计算应用练习

HarmonyOS鸿蒙Next APP开发- 数学计算应用练习

一、技术相关

卡片语言: Js
体验模板: ptbangding
工具:deveco studio

二、效果如下

图片1.png

图片2.png

部分代码如下图

Hml

图片3.png

Css

图片4.png

Js

图片5.png

图片6.png

上面图片中的方法表示将传进来的数进行开方,并保留两位小数。

二、遇到的问题及总结讨论

Hml写的重复的代码太多了,有什么办法可以简写吗?

布局为竖的时候换行就成横的了。

三、体验开发过程

第一步

新建一个js的应用项目
选择一个js的helloworld模板
然后构建完成项目后在js下default-pages的html和css中编写

部分代码如下图

图片7.png

运行完之后第一个效果页面基本完成了

第二步

在“Project”窗口,打开“entry > src > main > js > default”,右键点击“pages.index”文件夹,选择“New > JS Page”,命名为“details”,单击回车键。

创建完成后,可以看到“pages.index”文件夹下的文件目录结构如下图

图片8.png

然后在datails的hml和css中写入代码,即可完成第二个页面。

部分代码如下图

图片9.png

第三步

打开第一个页面的“index.js”文件,导入router模块,页面路由router根据页面的uri来找到目标页面,从而实现跳转。

代码如下图

图片10.png

完整代码地址:

https://gitee.com/jltfcloudcn/jump_to/tree/master/ptbangding

11 回复

写的太详细了 收藏了

更多关于HarmonyOS鸿蒙Next APP开发- 数学计算应用练习的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


感谢您的收藏,您的收藏是我们最大的动力

非常感谢版主无私的分享

不客气,分享能使我们共同进步

版主发文过于详细,感谢版主!

不客气,详细的发文希望能帮到您

有要学HarmonyOS AI的同学吗,联系我:https://www.itying.com/goods-1206.html

有视频有代码,这样的教学我爱啦

有要学HarmonyOS AI的同学吗,联系我:https://www.itying.com/goods-1206.html

感谢您的喜爱,您的关注是我们最大的动力

在HarmonyOS鸿蒙Next中开发数学计算应用,首先需熟悉ArkUI框架,使用TypeScript编写逻辑。主要步骤如下:

  1. 项目创建:使用DevEco Studio创建新项目,选择“Application”模板。
  2. UI设计:使用ArkUI组件(如TextInputButtonText)构建用户界面,支持输入数字和显示结果。
  3. 逻辑实现:编写计算逻辑,如加法、减法、乘法和除法,并通过事件绑定(如onClick)触发计算。
  4. 测试与优化:在模拟器或真机上测试应用,确保功能正常,优化用户体验。

示例代码片段:

// 计算逻辑
function calculate(a: number, b: number, operator: string): number {
  switch (operator) {
    case '+': return a + b;
    case '-': return a - b;
    case '*': return a * b;
    case '/': return a / b;
    default: throw new Error('Invalid operator');
  }
}

通过以上步骤,您可以快速开发一个功能完善的数学计算应用。

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!