.Net Maui 页面布局不同平台

问题描述 投票:0回答:1

我进行了很多搜索,但没有找到任何有用的东西。 我尝试用一个例子来解释我的问题。

我正在使用 .net maui 为 PC 和移动设备编写程序。在电脑上,我希望它在一页上,左侧是包含项目的列表,右侧是屏幕“项目视图”,对于移动设备,是多页布局。第一页上的项目 lsit 以及第二个设置上的项目视图位于第三个设置上,等等。

我写了这两篇文章,但我很难将它们结合起来。我不想要这样的项目:当我有更新或类似的事情时,我必须编辑所有内容两次。我考虑过将所有内容都放在一个项目中,并使用一小段代码来根据平台切换不同的页面,但必须有一个好的解决方案。

任何人有提示或想法吗?或者看到类似的东西?

非常感谢!

c# .net maui multiplatform
1个回答
0
投票

对于您想要的特定情况,包含列表项详细信息的列表,请使用

FlyoutPage

.NET 多平台应用程序 UI (.NET MAUI) FlyoutPage 是一个页面 管理两个相关的信息页面 - 一个弹出页面,显示 项目,以及一个详细信息页面,显示有关项目的详细信息 弹出页面。

FlyoutPage 有两种布局行为:

在弹出窗口布局中,详细信息页面覆盖或部分覆盖弹出页面。选择弹出页面上的项目将导航到相应的详细信息页面。在手机上运行的应用程序始终使用此布局行为。

在拆分布局中,弹出页面显示在左侧,详细信息页面显示在右侧。在平板电脑或桌面上运行的应用程序可以使用此布局行为,Windows 默认情况下使用它。

默认情况下,页面会自动选择适合平台的最佳布局行为。

© www.soinside.com 2019 - 2024. All rights reserved.