鸿蒙应用开发——计算器（3）

最新推荐文章于 2025-03-20 15:55:24 发布
最新推荐文章于 2025-03-20 15:55:24 发布
阅读量2.5k 收藏 35
点赞数 21
文章标签： 鸿蒙
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/J1062517968/article/details/139564701
版权

系列文章目录

鸿蒙应用开发——计算器（1）

鸿蒙应用开发——计算器（2）

前言

在之前的文章里项目的显示页面基本已经完成了，计算器的基础按键都可以在页面中显示出来了。所以，从此次开始我们就开始对计算器的逻辑运算功能进行设计。

一、设置默认数字显示

虽然计算器的按键基本都显示出来了，但是整个页面都是按键显得有些单调，于是决定在按键的上方加入一个默认的“0”，当计算器没有进行任何计算时就会在屏幕中央显示“0”，代码如下所示：


                

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        


    

      

        

            

              
                
                  J1062517968
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
鸿蒙应用开发——计算器（4）

				
			

			

				

					J1062517968的博客
				

				

					06-21
					
					2413
					
				

			

		

		

			
				
在之前的文章里我们已经完成了计算器的基本显示页面也实现了各个按键的点击事件，所以接下来就是对计算器的计算功能进行实现。

			
		

	



                

            
              



	

		

			

				
					
鸿蒙应用开发——计算器（2）

				
			

			

				

					J1062517968的博客
				

				

					06-21
					
					2930
					
				

			

		

		

			
				
在上一个篇章中我们简单介绍了DevEco Studio如何新建项目以及完成了我们计算器项目显示界面的一部分，今天我们继续来完善计算器的显示页面。

			
		

	



              


  
              

                


	

		

			

				
					
鸿蒙开发0基础【@Computed装饰器：计算属性】状态管理

					
最新发布

				
			

			

				

					zhenggaoxiao232的博客
				

				

					03-20
					
					621
					
				

			

		

		

			
				
@Computed装饰器：计算属性，在被计算的值变化的时候，只会计算一次。主要应用于解决UI多次重用该属性从而重复计算导致的性能问题。

			
		

	





	

		

			

				
					
鸿蒙应用开发-ArkUI 计算器

				
			

			

				

					liuhaikang的博客
				

				

					04-04
					
					2481
					
				

			

		

		

			
				
效果图上的计算器界面简洁大方，每个按钮都经过精心设计，颜色搭配恰到好处，使得整体界面既美观又实用。按钮的实现代码已经给出，通过这段代码，我们可以看到如何设置按钮的文字颜色、背景颜色、圆角大小等属性。例如，我们选择了合适的颜色搭配，使得按钮在视觉上更加吸引人；同时，设置了较大的圆角，使得按钮呈现出圆润的外观，更加符合现代审美趋势。要实现计算器中的按钮，我们首先需要使用ArkUI中的Text组件来表示按钮上的文字。每个按钮都是一个独立的个体，因此我们使用Column布局来包裹每个按钮，以便进行统一的样式设置。

			
		

	



		

			
		



	

		

			

				
					
【鸿蒙】HarMonyOS的UI组件学习九之计算器

				
			

			

				

					笔触狂放的博客
				

				

					07-02
					
					4644
					
				

			

		

		

			
				
计算器是电脑和手机都必不可少的一款软件，今天分享在鸿蒙系统上开发计算器软件。

先看功能效果:



这里演示了一下加法，该计算器中实现了加减乘除求余，开根号，倒数等所有功能。其他功能的演示这里就不浪费篇幅了。

接下来看界面的设计，这里设计了两种边框主题，一个是显示计算过程和结果的两个Text组件的边框，在graphic文件夹下新建xml文件:


<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:ohos="http://s

			
		

	





	

		

			

				
					
鸿蒙第一款应用,我的第一个鸿蒙应用（在手表上写一个简单的计算器）

				
			

			

				

					weixin_39976413的博客
				

				

					05-29
					
					595
					
				

			

		

		

			
				
鸿蒙发布了，我来尝尝先，写个hello，world过过瘾。尝试在手表上写一个计算器，结果大致如下，这布局有点不好弄啊，将就着吧。上面是先按下数字 56， 再按下 * ， 再按下 2， 再按下 = 的 结果。布局代码如下：background_ability_mainxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:width="mat...

			
		

	





	

		

			

				
					
HarmonyOS应用开发：鸿蒙Js实战，计算器功能开发

				
			

			

				

					
				

				

					08-09
					
					3776
					
				

			

		

		

			
				
开发计算器最主要的是连续计算，连续计算需要添加计算优先级逻辑，后续考虑通过遍历来判断里面的计算。

			
		

	





	

		

			

				
					
HarmonyOS应用开发——实现简单计算器

				
			

			

				

					2301_79965256的博客
				

				

					08-10
					
					480
					
				

			

		

		

			
				
HarmonyOS应用开发之实现简单计算器，实现过程中运用到了逆波兰表达式求值

			
		

	





	

		

			

				
					
鸿蒙HarmonyOS应用开发——跨端迁移_openharmony 跨端迁移包括哪些

				
			

			

				

					2401_84181125的博客
				

				

					04-21
					
					1413
					
				

			

		

		

			
				
​ c.系统权限设置(以api10目录为例): 将Sdk目录下的openharmony\api版本(如：10)\toolchains\lib\UnsgnedReleasedProfileTemplate.json文件中的”apl”:“normal_core”改为”apl”:“system_core”。如果应用不想让系统自动退出迁移源端应用，则可以设置不退出，参数定义见SUPPORT_CONTINUE_SOURCE_EXIT_KEY。// 若不需要自动迁移页面栈信息，则需要在此处设置应用迁移后进入的页面。

			
		

	





	

		

			

				
					
【鸿蒙开发】—— 创建网格 (Grid/GridItem)

				
			

			

				

					2401_88547687的博客
				

				

					11-04
					
					267
					
				

			

		

		

			
				
网格布局是由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。网格布局具有较强的页面均分能力，子组件占比控制能力，是一种重要自适应布局，其使用场景有九宫格图片展示、日历、计算器等。

			
		

	





	

		

			

				
					
鸿蒙HarmonyOS应用开发——跨端迁移

				
			

			

				

					YHDMYBY的博客
				

				

					08-22
					
					921
					
				

			

		

		

			
				
在用户使用设备的过程中，当使用情境发生变化时（例如从室内走到户外或者周围有更适合的设备等），之前使用的设备可能已经不适合继续当前的任务，此时，用户可以选择新的设备来继续当前的任务，原设备可按需决定是否退出任务，这个就是跨端迁移的场景。常见的跨端迁移场景实例：在平板上播放的视频，迁移到智慧屏继续播放，从而获得更佳的观看体验；平板上的视频应用退出。在应用开发层面，跨端迁移指在A端运行的UIAbility迁移到B端上，完成迁移后，B端UIAbility继续任务，而A端UIAbility可按需决定是否退出。

			
		

	





	

		

			

				
					
鸿蒙 arkts 计算器 我的资源

				
			

			

				

					05-10
				

			

		

		

			
				
通过学习和实践这个MyApplication2项目，开发者不仅可以深入理解 ArkTS 语言的特性和用法，还能掌握鸿蒙OS应用开发的基本流程和技巧。对于希望进入鸿蒙生态的开发者来说，这是一个非常有价值的资源。

			
		

	





	

		

			

				
					
鸿蒙UI开发快速入门 —— part11: 鸿蒙计算器开发实践

				
			

			

				

					harmonyClassRoom的博客
				

				

					06-24
					
					1883
					
				

			

		

		

			
				
经过我们前面10章的学习，我们基本上可以开发出一个简单的APP了，为了巩固学习的内容，我们先开发一个计算器APP来连个手（文末有源代码），界面如下：包含基本的计算器运算功能支持一键清空，支持逐个删除数字支持将上次计算的过程保存下来，下次打开app继续；支持清理之前保存的记录这里面我们会用到知识如下：开发UI界面（基本控件的使用以及基本布局的使用）；监听用户点击事件，在输入栏中及时反馈（动态交互）；支持将过程持久化到本地，下次打开后自动恢复；let's go!💪🏻💪🏻💪🏻。

			
		

	





	

		

			

				
					
鸿蒙开发自定义渐变导航栏

				
			

			

				

					shudaoshanQAQ的博客
				

				

					03-08
					
					1725
					
				

			

		

		

			
				
开发一个自定义渐变导航栏，本项目基于鸿蒙4.0。

			
		

	





	

		

			

				
					
『牛角书』鸿蒙-计算器的实现

				
			

			

				

					weixin_51404541的博客
				

				

					12-17
					
					1592
					
				

			

		

		

			
				
经过在学校中的鸿蒙学习后，实现一个简易的鸿蒙应用，代码中还有很多不足，有待继续学习。

			
		

	





	

		

			

				
					
HarmonyOS - 实现简易的计算器

				
			

			

				

					z2210068235的博客
				

				

					12-11
					
					2248
					
				

			

		

		

			
				
HarmonyOS - 实现简易的计算器

			
		

	





	

		

			

				
					
【鸿蒙应用开发 Dev ECO Studio 5.0版本】从0到1！从无到有！最全！计算器------按钮动画、滑动退格、中缀表达式转后缀表达式、UI设计

				
			

			

				

					samroom的博客
				

				

					08-03
					
					3377
					
				

			

		

		

			
				
鸿蒙应用开发，5.0版本DEV ECO Studio 从无到有实现一个计算器，最全，按钮动画、滑动退格以及基础运算功能

			
		

	





	

		

			

				
					
鸿蒙HarmonyOS开发实战：@Computed装饰器—计算属性详解

				
			

			

				

					wewq2882的博客
				

				

					07-28
					
					2412
					
				

			

		

		

			
				
@Computed装饰器：计算属性，在被计算的值变化的时候，只会计算一次。主要应用于解决UI多次重用该属性从而重复计算导致的性能问题。

			
		

	





	

		

			

				
					
鸿蒙开发实战案例-计算器（附整套源码）

				
			

			

				

					shudaoshanQAQ的博客
				

				

					03-05
					
					5569
					
				

			

		

		

			
				
鸿蒙开发实战案例-计算器（附整套源码）

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值