Define rows/columns of sample container grid upon device orientation change

[williambohrmann3]

Description

On iPhone, the control panel becomes unusable when changing from portrait to landscape device orientation on many samples. The control panel is currently drawn in a column of width auto. There is a difference in the way auto is being determined on Androids and iPhones for this column width.

My PR has all samples take advantage of the EsriSampleContainer style of Grid. I've added a VisualStateManager so that way when in landscape orientation, use 2*,*for column definitions. That way, the control panel has enough room to render controls, allowing samples to be usable in landscape orientation on iOS.

We previously dereferenced the EsriSampleContainer due to a memory leak when accessing the DynamicResource. This issue has been since fixed by the .NET MAUI team via this PR.

Also, this PR adds a MaximumWidthRequest to the control panel style when in portrait mode. Since the row height is auto where the control panel rests, it will minimize the space of the control panel as to maximize the real estate for the GeoView. If the control panel has a height > 300 on phone and > 500 on tablet, the control panel will use this MaximumWidthRequest.

Type of change

• Bug fix

Platforms tested on

• MAUI WinUI
• MAUI Android
• MAUI iOS
• MAUI MacCatalyst

Checklist

• Self-review of changes
• All changes work as expected on all affected platforms
• There are no warnings related to changes
• No unrelated changes have been made to any other code or project files

[williambohrmann3]

Note: targeting v.next as to take advantage of latest fixes in .NET 8.

[williambohrmann3]

before:

after:

[williambohrmann3]

before:

after: