是否可在Xamarin.Forms中实现iOS端的新型模态视图效果？

实现思路 #

你要实现的是iOS端点击导航栏控件弹出关联浮层的交互，可按以下方案实现：

• 优先使用系统原生UIPopoverPresentationController，自带锚点定位、滑入动画、点击外部区域自动关闭的交互逻辑，无需自行实现基础能力，具体配置流程如下：
  1. 自定义弹窗内容控制器，完成内部列表/功能控件的布局，设置preferredContentSize属性指定弹窗的固定宽高
  2. 给弹窗内容控制器设置modalPresentationStyle = .popover，获取其popoverPresentationController属性做后续配置
  3. 将sourceView设置为触发弹窗的按钮/控件，sourceRect设置为控件的bounds，指定permittedArrowDirections = .up让弹窗箭头始终指向触发控件
  4. 遵守UIPopoverPresentationControllerDelegate协议，实现adaptivePresentationStyle(for:traitCollection:)方法适配不同设备
• iPhone端适配：
  系统默认iPhone上popover会自动转为全屏模态展示，只要在上述代理方法中返回.none，即可强制iPhone端也展示为非全屏浮层样式，可自行额外配置阴影、圆角参数优化视觉效果
• iPad端适配：
  系统默认iPad端popover就是浮层样式，仅需要根据业务需求调整preferredContentSize的数值即可，系统会自动根据屏幕可用空间调整弹窗的展示位置，避免超出屏幕边界

如果需要完全自定义动画效果，可以通过UIViewControllerAnimatedTransitioning协议实现自定义转场，实现从触发控件位置向下滑出的动画，同时自行适配横竖屏切换时的弹窗位置重计算逻辑即可。

效果参考（取自Elgato Control Center应用） #

iPhone

弹窗弹出前	弹窗弹出后

iPad

弹窗弹出前	弹窗弹出后

内容的提问来源于stack exchange，提问作者nick