Xamarin Forms iOS：MKUserTrackingButton位置设置技术问题

嘿，我刚好做过类似的需求！你的追踪按钮样式已经搞定了，剩下的位置设置其实用iOS的AutoLayout最靠谱——既能适配不同屏幕尺寸，横竖屏切换时也能自动保持正确位置。我给你两种方案，优先推荐第一种：

方案1：使用AutoLayout（推荐） #

这是iOS布局的标准做法，能完美适配各种场景。关键是要先关闭按钮的自动约束转换，再手动添加位置约束：

// 你的按钮创建和样式代码
var button = MKUserTrackingButton.FromMapView(Map);
button.Layer.BackgroundColor = UIColor.White.CGColor;
button.Layer.BorderColor = UIColor.FromRGB(211, 211, 211).CGColor;
button.Layer.BorderWidth = 1;
button.Layer.CornerRadius = 5;

// 核心步骤：关闭自动约束转换，否则手动添加的约束会和系统自动生成的冲突
button.TranslatesAutoresizingMaskIntoConstraints = false;

// 将按钮添加到地图视图
Map.AddSubview(button);

// 设置约束：让按钮固定在右下角，距离边缘16pt（你可以根据需求调整数值）
NSLayoutConstraint.ActivateConstraints(new[]
{
    // 距离地图右侧16pt
    button.TrailingAnchor.ConstraintEqualTo(Map.TrailingAnchor, 16),
    // 距离地图底部16pt
    button.BottomAnchor.ConstraintEqualTo(Map.BottomAnchor, 16),
    // 设置按钮宽高为44pt（iOS标准控件大小，可自定义）
    button.WidthAnchor.ConstraintEqualToConstant(44),
    button.HeightAnchor.ConstraintEqualToConstant(44)
});

为什么推荐这个方案？ #

• 自动适配不同屏幕尺寸，不管是iPhone SE还是Pro Max都能保持正确位置
• 横竖屏切换时，按钮会自动调整位置，无需额外处理
• 符合iOS的布局规范，避免出现布局冲突

方案2：使用Frame（快速测试用） #

如果只是快速验证效果，也可以直接设置按钮的Frame，但这种方式不支持自动适配，横竖屏切换后按钮位置会错乱：

var button = MKUserTrackingButton.FromMapView(Map);
// 你的样式代码...

// 设置按钮大小
var buttonSize = new CGSize(44, 44);
// 固定在右下角，距离边缘16pt
button.Frame = new CGRect(
    Map.Bounds.Width - buttonSize.Width - 16,
    Map.Bounds.Height - buttonSize.Height - 16,
    buttonSize.Width,
    buttonSize.Height
);

Map.AddSubview(button);

注意事项 #

• 如果你是在自定义渲染器的OnElementChanged方法中实现，要确保Control（也就是MKMapView）已经初始化完成，避免空引用
• 别忘了调用Map.AddSubview(button)把按钮添加到地图视图上，不然按钮不会显示

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