MAUI .NET 8 - Xamarin Migrated project

Aneetha 45

I have created a new MAUI .NET 8 project and migrated the Xamarin forms project code.

In my project, I used RelativeLayout for UI design on all the pages, now this RelativeLayout is outdated in MAUI.

I used the Compatability namespace to use RelativeLayout in my MAUI project. However, the RelativeLayout is not working properly in MAUI. the position of elements in RelativeLayout working weirdly.

My question is,

RelativeLayout will work properly in MAUI or not?

Do I need to strictly not use RelativeLayout in MAUI? If yes what is the recommended layout in MAUI which similar/alternative to RelativeLayout?

1 answer

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 71,936 Reputation points Microsoft Vendor

2024-07-19T07:40:06.9066667+00:00

Hello,

Do I need to strictly not use RelativeLayout in MAUI? If yes what is the recommended layout in MAUI which similar/alternative to RelativeLayout?

You can use Use Grid instead, from this document:Layout behavior changes from Xamarin.Forms

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.
Please sign in to rate this answer.
Aneetha 45 Reputation points

2024-07-19T08:57:49.5833333+00:00

With Grid Layout, we can place an element with an absolute position? like we do in RelativeLayout.

For example, how do I achieve the below RelativeLayout code in Grid Layout,

rtlMain.Children.Add(titleContent, Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return parent.X; }), Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return parent.Y; }), Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return parent.Width; }), Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return (parent.Height > parent.Width ? parent.Height : parent.Width) * .06; })); rtlMain.Children.Add(mainContent, Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return parent.X; }), Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return (parent.Height* 0.20); }), Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return parent.Width; }), Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return parent.Height - (parent.Height * .32); })); rtlMain.Children.Add(footerContent, Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return parent.X; }),Microsoft.Maui.Controls.Compatibility. Constraint.RelativeToParent((parent) => { return parent.Height - (parent.Height > parent.Width ? parent.Height : parent.Width) * 0.08; }), Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return parent.Width; }), Microsoft.Maui.Controls.Compatibility.Constraint.RelativeToParent((parent) => { return (parent.Height > parent.Width ? parent.Height : parent.Width) * 0.08; }));

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 71,936 Reputation points Microsoft Vendor

2024-07-19T09:32:28.02+00:00

If you have specific X,Y location and width /height, please use AbsoluteLayout

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 71,936 Reputation points Microsoft Vendor

2024-07-22T03:09:16.3533333+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.

I find you used the AbsoluteLayout in the layout height issue. If you want to have the same height in the landscape mode and portrait mode, please set a specific value for your stkNavigationBar. Do not use screenHeight * 0.10 to set the height. Because landscape mode and portrait mode have different screen height.

Aneetha 45 Reputation points

2024-07-22T04:50:24.02+00:00

Sorry for the late reply,

So I understand I have to use AbsoluteLayout instead of RelativeLayout for specific X.Y location.

How do I get parent height width in AbsoluteLayout like in RelativeLayout (parent.Height* 0.20) ?
Sign in to comment

Share via

MAUI .NET 8 - Xamarin Migrated project

1 answer