ListDetailsView now uses the Two-Pane View

[COM8]

PR Type

What kind of change does this PR introduce?

• Feature

• Refactoring

What is the current behavior?

The ListDetailsView does not take advantage of multiple screens and is not spanning aware.

What is the new behavior?

The new and refactored ListDetailsView control is aware of multiple screens.
We archive this by replacing the current grid-based layout with the new Two-pane view based layout.

Additional changes

• I added additional properties: DetailsPaneBackground, DetailsContentTemplateSelector, ListPaneEmptyContent, ListPaneEmptyContentTemplate and ListPaneItemTemplateSelector.

PR Checklist

Please check if your PR fulfills the following requirements:

• Tested code with current supported SDKs
• Pull Request has been submitted to the documentation repository instructions. Link: #559
• Sample in sample app has been added / updated (for bug fixes / features)
  • Icon has been created (if new sample) following the Thumbnail Style Guide and templates
• New major technical changes in the toolkit have or will be added to the Wiki e.g. build changes, source generators, testing infrastructure, sample creation changes, etc...
• Tests for the changes have been added (for bug fixes / features) (if applicable)
• Header has been added to all new source files (run build/UpdateHeaders.bat)
• Contains NO breaking changes

Other information

Old behavior

New behavior

[ghost]

Thanks COM8 for opening a Pull Request! The reviewers will test the PR and highlight if there is any conflict or changes required. If the PR is approved we will proceed to merge the pull request 🙌

[michael-hawker]

We should update the names of a few of the properties and parts.

[XAML-Knight]

Same as above, extra parentheses

[ghost]

This PR has been marked as "needs attention 👋" and awaiting a response from the team.

[michael-hawker]

Looking good to me! Think only thing missing (which may have been from the WinUI 2.6 transition) is that there's no visual edge between the two sides, like in the previous we had a line:

We may just want a different coloring or something on one side? Not sure what the best practice would be here. We can fix this outside this PR though and open an issue.

[michael-hawker]

Thanks @COM8 for these improvements! Sorry it took so long for us to move forward on them, but appreciate you working with us on getting everything together to be integrated. 🎉🎉🎉

[COM8]

Cool!
In case people have feature requests or find bugs regarding this control, just let me know and I will work on them 😁.

We may just want a different coloring or something on one side? Not sure what the best practice would be here. We can fix this outside this PR though and open an issue.

Yes, I'm aware of that and I'm having a look at it right now.
If we want something more Windows 10 like, we can go with different colors.

Or rounded edges, so we are ready for Windows 11 :)

[michael-hawker]

@JustinXinLiu any comments on styling choices? I think aligning more with the 2.6 WinUI updates to NavigationView would make sense, eh?