How to rotate a label, picture, any element in GUI Guider?

[bosnian_beast]

I would like to rotate some widgets on the screen because my screen should be able to display in both landscape and portrait. 

My solution is to create two sets of screens for both orientations, but I can't rotate any widgets. As a workaround I could import rotated images and use them, but I can't rotate labels in any way

[TheSilencerPang]

Yes, I have encountered the same problem as you! I just want the label to rotate at any angle, but unfortunately the GUI guider does not support it. This greatly limits UI design. So disgusting! The significance of GUI guider is that what you see is what you get!

[bosnian_beast]

I want to create two versions of the screen in gui guider, one for horizontal, one for vertical placement. I just need the widgets to rotate, not the screen, not to do any lvgl coding, not to rotate display pixels, not to change the resolution, everything stays the same, only widgets rotate.

[LiubinGong]

Hello @bosnian_beast 

     Please follow the below steps to rotate the button:

1. set the screen background opa to 255.

2. write some codes in the current screen custom code. 

 

3. enable LV_COLOR_SCREEN_TRANSP in project/custom/lv_conf_ext.h.

    Hope to help you.

Best regards

Liubin 

[bosnian_beast]

Can you please pass this question to the development team to include this feature in future versions? Thank you

[bosnian_beast]

I want to create two versions of the screen in gui guider, one for horizontal, one for vertical placement. I just need the widgets to rotate, not the screen, not to do any lvgl coding, not to rotate display pixels, not to change the resolution, everything stays the same, only widgets rotate. I also need it to be a what-you-see-is-what-you-get, I don't want to guess how it will look like by manually inputting angles, x,y points etc... without seeing how it looks like beforehand.  Take a look at the options screen for example: