How to change screen orientation in Maui?

Question

How to change screen orientation in Maui?

chrissolutions 31

In Xamarin there was a class called DeviceInfo with a settable CurrentOrientation property.
This class appears to not exist for Maui. I can't figure out how you can change the screen orientation and I can't find an example that can show how's it's accomplished. Can anyone here provide me with some guidance. Thanks in advance.

Accepted answer

2 additional answers

Your answer

Answer 1

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 81,016 Microsoft External Staff

Hello,

Maui doesn't provide a cross platform property to change the screen orientation, but Maui gives access to the underlying native API

Please refer to this document about Invoke platform code

Android we can change the Orientation by RequestedOrientation, set the ScreenOrientation directly.

   //Set ScreenOrientation to Landscape  
                   MainActivity.Instance.RequestedOrientation = ScreenOrientation.Landscape;  
     
   //Set ScreenOrientation to Portrait  
                   MainActivity.Instance.RequestedOrientation = ScreenOrientation.Portrait;

Note: MainActivity.Instance comes from MainActivity.cs, I define a public static property

iOS: we can use UIDevice.CurrentDevice.SetValueForKey and set it for different Orientation.

   //Set ScreenOrientation to Landscape  
                   UIDevice.CurrentDevice.SetValueForKey(NSNumber.FromNInt((int)(UIInterfaceOrientation.LandscapeLeft)), new NSString("orientation"));  
   //Set ScreenOrientation to Portrait  
                   UIDevice.CurrentDevice.SetValueForKey(NSNumber.FromNInt((int)(UIInterfaceOrientation.Portrait)), new NSString("orientation"));

Best Regards,

Leon Lu

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 81,016 Reputation points Microsoft External Staff

2022-06-09T02:39:26.733+00:00

@chrissolutions May I know if you have got any chance to check my answer? I am glad to help if you have any other questions
chrissolutions 31 Reputation points

2022-06-10T01:09:55.393+00:00

I'm sorry, I haven't gotten around to it yet. I'll take a look at it this weekend. I figured out that I would have to make the native calls. I also put this question out on Reddit and received a response as well. It looks like I'll have to write the wrapper class that will make the native calls. Thanks again for your response.
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 81,016 Reputation points Microsoft External Staff

2022-06-10T01:11:36.99+00:00

You are welcome, waiting for your update.
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 81,016 Reputation points Microsoft External Staff

2022-06-14T08:39:02.48+00:00

I have not heard from you for a couple of days. Please let me know if there is anything that I can help here.
chrissolutions 31 Reputation points

2022-06-15T20:53:18.367+00:00

I accepted the answer. Thanks again for your help. Please provide feedback to the Maui PM that they should publish workarounds for the classes they deprecate and remove. There is a lot of Xamarin libraries that people have built over the years that they have to now migrate to Maui if they want to use .NET 6.0 and beyond.

Cheers,
Chris.
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 81,016 Reputation points Microsoft External Staff

2022-06-16T01:04:09.163+00:00

@chrissolutions Please see this document about how to accept an answer in Q&A, It will help others who have similar issue.
stcmz 20 Reputation points

2023-03-11T04:20:08.8366667+00:00

The iOS solution doesn't work on .NET MAUI 7.0. .NET MAUI 6.0 has not been tried.

--

edit: seems like the problem of iOS 16+, see https://stackoverflow.com/questions/74838009/forcing-specific-maui-view-to-landscape-orientation-using-multitargeting-feature#answer-74847658

Answer 2

muneer abu safiah 11

for android, just add

ScreenOrientation= ScreenOrientation.Landscape

in Platforms\Android\mainActivity.cs, before public class MainActivity : MauiAppCompatActivity it will look like this:

[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ScreenOrientation= ScreenOrientation.Landscape, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]

Answer 3

Marian Grzesik 10

Hi, I tried the iOS solution, unfortunately it doesn't work for iOS / .NET 7

Yi JJ 0 Reputation points

2023-03-13T10:43:53.5366667+00:00

I think it is possible to change orientation by setting "Device Orientation" on this file. (iOS)

Platforms\iOS\info.plist

Nam Pham 126

public void SetOrientation(DisplayOrientation orientation)
        {
            if (UIDevice.CurrentDevice.CheckSystemVersion(16, 0))
            {
                var windowScene = (UIApplication.SharedApplication.ConnectedScenes.ToArray()[0] as UIWindowScene);
                if (windowScene != null)
                {
                    var nav = UIApplication.SharedApplication.KeyWindow?.RootViewController;
                    if (nav != null)
                    {
                        // Tell the os that we changed orientations so it knows to call GetSupportedInterfaceOrientations again
                        nav.SetNeedsUpdateOfSupportedInterfaceOrientations();


                        if (DisplayOrientation.Landscape == orientation)
                        {
                            windowScene.RequestGeometryUpdate(new UIWindowSceneGeometryPreferencesIOS(UIInterfaceOrientationMask.LandscapeRight),error => { });
                        }
                        else
                        {
                            windowScene.RequestGeometryUpdate(new UIWindowSceneGeometryPreferencesIOS(UIInterfaceOrientationMask.Portrait),error => { });
                        }
                    }
                }
            }
            else
            {
                if (DisplayOrientation.Landscape == orientation)
                {
                    UIDevice.CurrentDevice.SetValueForKey(new NSNumber((int)UIInterfaceOrientation.LandscapeRight), new NSString("orientation"));
                }
                else
                {
                    UIDevice.CurrentDevice.SetValueForKey(new NSNumber((int)UIInterfaceOrientation.Portrait), new NSString("orientation"));
                }
            }
        }

on iOS, it works for me, hope this help.

Share via

How to change screen orientation in Maui?

2 additional answers

Your answer