How to make a compass like the app in iphone. The 'n' 'e' 's' 'w' are always keep upright

Important: unclear posts may not receive useful answers.

Before posting

  • Get familiar with Markdown to format and structure your post
  • Be sure to update lvgl from the latest version from the master branch.
  • Be sure you have checked the FAQ and read the relevant part of the documentation.
  • If applicable use the Simulator to eliminate hardware related issues.

Delete this section if you read and applied the mentioned points.


What MCU/Processor/Board and compiler are you using?

What LVGL version are you using?


What do you want to achieve?

What have you tried so far?

Code to reproduce

Add a code snippet which can run in the simulator. It should contain only the relevant code that compiles without errors when separated from your main code base.

The code block(s) should be formatted like:

/*You code here*/

Screenshot and/or video

If possible, add screenshots and/or videos about the current state.

Please add a screenshot about the compass you have imagined.
(I’m an Android user so I don’t how it looks like in iOS)


You can see the two pictures. The angle is different, but the charactors ‘东’ ‘南’ ‘西’ ‘北’ are always keep upright.

I think the simplest would be to use an image and rotate it. The letters can be separate objects positioned manually.

Thanks for reply,
I think it is difficult to rotate a picture with two positions at the same time. One position is the center of the background , the other one is the center of itself. And the center of itself is always moving.

How does it look like in the practice? A video instead of a screenshot would help me to understand it better.