自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 鸿蒙HarmonyOS NEXT 图表 MPChart自定义样式(六)游标气泡

在使用图表时,我们经常会遇到这样的场景:点击数据点后,会出现一个游标气泡,清晰地展示该数据点的具体数据。例如,下图中游标展示了数据点。通过上述步骤,我们成功实现了点击图表数据点显示游标气泡的功能。希望这篇文章对你有所帮助!接下来是气泡组件的实现。我们使用了一个宽高都为 1 的。在开始编写代码之前,需要在工程终端中执行。回调,我们可以获取数据点的信息,包括其。,我们使用了 ArkUI 系统组件。,并在相应位置显示气泡。,表示数据点的具体数值。

2024-12-06 14:25:25 658

原创 鸿蒙HarmonyOS NEXT 应用开发-手写板(二)

在前一篇手写板的文章中(),我们通过使用Path实现了一个基本的手写板,但遗憾的是,无法保存所绘制的图像。在本文中,我们将采用canvas和Path2D来重新构建手写板应用。依然只需几十行代码,就能轻松实现手写功能,并添加清空画布以及保存图片的功能。一、先上效果图:二、上代码在这段代码中,根据功能划分,主要涵盖了三个关键操作:绘制路径、清空画布和保存画布。

2024-12-04 19:26:58 655

原创 鸿蒙HarmonyOS NEXT 应用开发-带笔锋手写板

​笔者用ArkTS 写了一个简单的带笔锋的手写板应用,并且可以将手写内容保存为图片。

2024-12-04 00:16:03 657

原创 HarmonyOS NEXT 深入理解鸿蒙生命周期:从应用到组件

掌握鸿蒙生命周期对于开发高效、稳定的应用至关重要。通过合理地利用生命周期回调,开发者可以优化应用的性能、管理资源和提升用户体验。希望本文能帮助开发者更深入地理解鸿蒙生命周期的概念和用法。​。

2024-12-03 23:38:52 985

原创 鸿蒙HarmonyOS NEXT 应用开发-ArkUI 计算器

​。

2024-12-03 23:37:22 1834

原创 鸿蒙HarmonyOS NEXT 应用开发-时间屏幕

做一个时间屏幕,可以点击切换白色和黑色,有渐变效果,使用到了鸿蒙的动画效果。在这个设计中,我们首先引入了通用能力包,以实现功能齐全且界面友好的时间页面。通过引入AppUtil和DateUtil工具包,我们可以轻松处理应用程序的布局和时间格式化需求。

2024-12-03 23:34:19 353

原创 鸿蒙HarmonyOS NEXT 应用开发 - 随机转盘

使用鸿蒙三方库mpchart 可以很方便地做一个滚动转盘,可以做随机选择转盘中的任一项。首先应用需要使用ohpm引入@ohos/mpchart库,实现方法比较简单,复制下来就能运行。

2024-12-03 23:22:55 323

原创 鸿蒙HarmonyOS NEXT 图表 MPChart自定义样式(五)左y轴显示数值,右y轴显示百分比

【代码】鸿蒙HarmonyOS图表 MPChart自定义样式(五)左y轴显示数值,右y轴显示百分比。

2024-12-03 23:18:22 220

原创 鸿蒙HarmonyOS NEXT 图表 MPChart自定义(四)短刻度线

其中关键代码就是c.moveTo(x,bottom)和c.lineTo(x, bottom-10),这两行代码决定了刻度线绘制的位置和长短,即从图表底部开始往上绘制一条长度为10vp的线条。对于图表中的x轴效果,我们有时想要实现如图所示的特定刻度线。若需绘制x轴的短刻度线,我们可以利用现有资源,将原本的网格线稍作修改,只需绘制一条简洁的短线即可达到目的。具体的方法就是写一个类MyXAxisRender继承自XAxisRenderer,重写父类的drawGridLine方法,

2024-12-03 23:17:08 289

原创 鸿蒙HarmonyOS NEXT 图表 MPChart自定义(三)以X轴或y轴为区间设置不同颜色

​本文是基于鸿蒙三方库mpchartOpenHarmony-SIG/ohos-MPChart的使用,以X轴为区间设置不同的曲线颜色。

2024-12-03 23:15:49 1739

原创 鸿蒙HarmonyOS NEXT 图表 MPChart自定义(二)根据y轴刻度绘制渐变色曲线

这段代码创建了一个从底部到顶部的垂直渐变,颜色从绿色到红色变化,并将这个渐变应用到了Canvas的描边样式中。从图中我们可以看到,左边的y轴是一个从底部到顶部颜色渐变的直线,从绿色渐变到红色,而且数据曲线根据y轴刻度做同样的渐变色。所以我们需要修改的就是两个部件的绘制效果,一个是左y轴的绘制效果,一个是数据线的绘制效果。数据线的绘制方法修改完了,之后就是修改y轴的绘制方法了。同样是创建了一个从底部到顶部的垂直渐变,颜色从绿色到红色变化,并将这个渐变应用到了Canvas的描边样式中。

2024-12-03 23:11:54 780

原创 鸿蒙HarmonyOS NEXT 图表 MPChart自定义(一)绘制一条虚实相接的曲线

我们需要有一个if判断,if(j

2024-12-03 23:10:09 1553

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除