如何在 App Inventor 2 中制作线性指南针答案

【问题标题】：How to make a Linear Compass in App Inventor 2如何在 App Inventor 2 中制作线性指南针
【发布时间】：2023-03-17 21:41:01
【问题描述】：

我正在尝试通过实施教程并以另一种方式重做一些教程来学习 App Inventor 2。我目前正在尝试制作类似于this 的指南针，但我想要一个线性显示，而不是经典的旋转圆盘，类似于this。

是否应该以某种方式更改旋转罗盘中使用的代码块以产生线性罗盘效果？仅仅改变显示的图像是行不通的。

我目前正在使用这个块组合：

"当OrientationSensor1.OrientationChanged 设置 Compass.Heading 以获取方位角 +180（始终获取 N）”

如果可能的话，有人可以告诉我如何在应用程序 Inventor 2 中实现工作线性指南针吗？提前感谢大家的回答。

【问题讨论】：

【解决方案1】：

您可以使用画布自己绘制。

查看此示例如何渲染它，它仅绘制北标记，但您可以轻松扩展它以绘制所有其他标记...

在使用之前，我会尝试这种方法（重绘标记的旧位置）是否不比清除整个画布更慢或更快（可能执行得更快）。

祝你好运。

【讨论】：

你好@MirecXP。坦率地说，没想到有人会回复这篇文章，所以我感谢你。同时，我实现了一个数字罗盘版本，在文本标签中命名红雀（N、S、E、W）。很高兴你回答，所以我可以跟进你的方法来制作我的应用程序。我已经重新创建了您建议的块，并且“N”作为一个字母出现在画布中。你没有提到你的设计方法，我在画布之外使用了画布和标签。我需要有一个红衣主教的图形来根据方向移动（请参阅我的问题中的这个）。那么如何在画布中完成呢？
在画布中绘制红衣主教作为文本。您只需要设计部分中的画布和方向传感器对象。
要使用一些基本图形而不是简单文本，您可以将图像精灵插入画布并在 drawCompass 过程中调用 spriteN.MoveTo(x,y)，使用一些固定的 y 和计算位置精灵的 x。但如果在边缘附近绘制，它不会部分显示，但它会始终保持完全可见。为了让它精确地绘制在边缘，您可以将指南针的绘图区域缩小一点。