【HarmonyOS】解决Line组件在预览器跟模拟器显示不一致的问题

 【关键字】

ArkUI、HarmonyOS、Line组件、预览器、模拟器

 

【问题描述】

最近项目中使用到了Line组件,在使用时遇到了一个问题,简单写了一个Demo复现一下,代码如下:

cke_42586.png

代码很简单,此时打开预览器看一下效果如下:

cke_43871.png

然后又打开了远程模拟器进行调试,结果得到的效果如下:

cke_45169.png

问题很明显了,同样的一段很简单的代码,在远程模拟器上效果显示不出来,这是怎么回事呢?

相关工具配置如下所示:

API版本:api 9

工具版本:

cke_46249.png

SDK版本:

cke_47844.png

 

【问题分析】

遇到问题首先网上查一下看有没有类似的,查完之后并无收获,那么我们接下来只能去翻官方文档了,准备对代码中使用的几个方法一个一个的排查一下,文档地址如下:

https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-drawing-components-line-0000001478181437-V3

经过对比发现,可能出现问题的地方就是Line接口的构造函数并未传值,未做宽高的限制:

cke_49662.png

其它的几个方法都对比了一下,传递的参数是没有问题的,那么就从这里尝试修改一下吧。

 

【解决方案】

按照上面的分析思路,重新修改代码,设置一下宽度和高度,如下所示:

cke_51564.png

重新运行之后,可以正常显示啦,效果如下:

cke_53084.png

OK,今天的内容就到这里,下期再会!

 

 

 欲了解更多更全技术文章,欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh

posted @ 2023-04-18 10:24  华为开发者论坛  阅读(90)  评论(0编辑  收藏  举报