HarmonyOS 绘制圆滑折线或绘制曲线
当前需求如下,具体样式如图
在固定宽度216,高度128的区域内绘制如下表格折线
1.在y轴方向,将此区域分成两部分,上部区域高度110,下部区域高度18,两部分区域交接位置,使用横线实线分割,实线size为1,颜色为#F1F1F1
2.在x轴方向,按照宽度54,将此固定区域均分4分,每一份之间通过纵向虚线间隔
3.被均分的4分区域底部,每份底部绘制居中的日期text(mock一下),文本fontSize为10,颜色#9F9F9F,
3.被均分的4分区域,每一份中都有一个坐标点,此坐标点x轴需要居于当前区域的中点位置,坐标点为填充圆形,直径为8,颜色为#7D8FFF。(具体Y坐标位置可以mock一下)
4.将坐标点依次连接,连接线为圆滑曲线,size为3,颜色为#DBE0FF
有示例代码么
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 地图绘制曲线的点击
851浏览 • 1回复 待解决
自定义组件之绘制折线图和曲线图
3202浏览 • 1回复 待解决
HarmonyOS Canvas绘制曲线相关
1054浏览 • 1回复 待解决
HarmonyOS 有没有自定义视图绘制的案例, 绘制渐变曲线?
1236浏览 • 1回复 待解决
HarmonyOS 贝塞尔曲线绘制
1256浏览 • 1回复 待解决
DevEco Stduio如何绘制折线图
5876浏览 • 1回复 待解决
鸿蒙绘制图形Path折线绘制Polyline设置折线拐角处为圆弧达不到效果,能不能增加圆角属性
2630浏览 • 1回复 待解决
HarmonyOS Canvas绘制贝塞尔曲线,如何填充内部颜色
1023浏览 • 1回复 待解决
arkUI怎么绘制三段贝塞尔曲线
741浏览 • 1回复 待解决
在鸿蒙开发中,绘制贝塞尔曲线时,贝塞尔曲线的魔法参数如何计算?
680浏览 • 1回复 待解决
HarmonyOS 怎么绘制emoji
1086浏览 • 1回复 待解决
HarmonyOS XComponent绘制
966浏览 • 1回复 待解决
HarmonyOS 如何绘制原生组件
709浏览 • 1回复 待解决
HarmonyOS 日历相关的绘制
846浏览 • 1回复 待解决
HarmonyOS Canvas绘制圆角
1165浏览 • 1回复 待解决
HarmonyOS 图表绘制折叠屏适配
769浏览 • 1回复 待解决
HarmonyOS OpenGL 绘制的相关资料
1181浏览 • 1回复 待解决
HarmonyOS 自定义字体绘制
1216浏览 • 1回复 待解决
绘制语音消息,仿聊天软件,语音消息的绘制。
1952浏览 • 1回复 待解决
SurfaceProvider绘制延迟
8354浏览 • 4回复 已解决
鸿蒙如何实现位图绘制
11009浏览 • 1回复 待解决
如何操作canvas重新绘制
2162浏览 • 1回复 待解决
HarmonyOS 使用drawing接口绘制的时候,brush和pen的绘制顺序是怎样的
582浏览 • 1回复 待解决
mpchart折线颜色如何设置string或Resource类型?
306浏览 • 0回复 待解决
#鸿蒙通关秘籍#怎样开启或关闭鸿蒙OS绘制组件的抗锯齿功能?
1001浏览 • 1回复 待解决
drawing模块绘制贝塞尔曲线的例子可以参考以下案例:
相关接口:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-graphics-drawing-V5#cubicto
画虚线参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-canvasrenderingcontext2d-V5#setlinedash