blocks|key|2690085|text|正确的方法是设置包含MKMapView的视图控制器的additionalSafeAreaInsets。这样做将允许您根据需要调整指南针和“合法”标签，以适应地图顶部的自定义视图。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2690086|entityMap^0|A|9|Q|O|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

The correct approach is to set <code>additionalSafeAreaInsets</code> of the view controller that contains the <code>MKMapView</code>. Doing so will allow you to adjust both the compass and "Legal" label as needed to accommodate for custom views on top of the map.

blocks|key|2690132|text|唯一对我有效的解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2690133|2690134|在MapView|ordered-list-item|2690135|中禁用指南针手动创建新的指南针按钮，只需将其放在您喜欢的任何位置即可|2690136|2690137|下面是一个例子|2690138|++++@IBOutlet+weak+var+mapView:+MKMapView!+{
++++didSet+{
++++++++let+userTrackingButton+=+MKUserTrackingButton(mapView:+mapView)
++++++++userTrackingButton.layer.position+=+CGPoint(x:+100,+y:+100)
++++++++userTrackingButton.backgroundColor+=+UIColor.white

++++++++let+compassButton+=+MKCompassButton(mapView:+mapView)
++++++++compassButton.layer.position+=+CGPoint(x:+100,+y:+150)
++++++++compassButton.compassVisibility+=+.adaptive

++++++++mapView.delegate+=+self
++++++++mapView.showsUserLocation+=+true
++++++++mapView.setUserTrackingMode(.follow,+animated:+true)
++++++++mapView.addSubview(userTrackingButton)
++++++++mapView.addSubview(compassButton)
++++}
}|code-block|syntax|javascript|2690139|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|W|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|X|8|@]|9|@]|A|$N|O]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

The only solution worked for me

<ol>
<li>Disable compass in the MapView</li>
<li>Create a new Compass button manually and simply put it wherever you like it</li>
</ol>

Here is an example

<pre><code> @IBOutlet weak var mapView: MKMapView! {
 didSet {
 let userTrackingButton = MKUserTrackingButton(mapView: mapView)
 userTrackingButton.layer.position = CGPoint(x: 100, y: 100)
 userTrackingButton.backgroundColor = UIColor.white

 let compassButton = MKCompassButton(mapView: mapView)
 compassButton.layer.position = CGPoint(x: 100, y: 150)
 compassButton.compassVisibility = .adaptive

 mapView.delegate = self
 mapView.showsUserLocation = true
 mapView.setUserTrackingMode(.follow, animated: true)
 mapView.addSubview(userTrackingButton)
 mapView.addSubview(compassButton)
 }
}
</code></pre>

blocks|key|2479971|text|在我自己的一个项目中，看起来interface+builder有一个解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2479972|​|2479973|📷|atomic|offset|length|2479974|2479975|在地图视图中，选择“保留Superview页边距”和“安全区域相对页边距”，法律%2B罗盘将被正确定位。|2479976|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/c0cfc68c4091f0ad52357fefcea42c90.png|imageAlt^0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]]]

Looking into this for one of my own projects, looks like interface builder has a solution for this:

<a href="https://i.stack.imgur.com/EX5yQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EX5yQ.png" alt="On the map view, select &quot;Preserve Superview Margins&quot; and &quot;Safe area relative Margins&quot;"></a>

On the map view, select "Preserve Superview Margins" and "Safe area relative Margins" and the legal + compass will be positioned correctly.

blocks|key|2690153|text|此问题的另一个解决方案是使用iOS+11.0%2B中提供的UIView的directionalLayoutMargins属性。这使您可以在绘制任何子视图的内容(在本例中为法律说明)之前指定视图的边距。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2690154|mapView.directionalLayoutMargins+=+NSDirectionalEdgeInsetsMake(0,+0,+25,+0);|2690155|entityMap^0|Y|O|0|0|24|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

Another solution to this issue is to use the <code>directionalLayoutMargins</code> property of UIView available in iOS 11.0+. This lets you specify the margins of a view before the content of any subviews (in this case the Legal notes) is drawn.

<code>mapView.directionalLayoutMargins = NSDirectionalEdgeInsetsMake(0, 0, 25, 0);</code>

I'm trying to migrate a app to iOS 11 and for days I'm stuck with one ugly UI bug after the other. This time: MKMapView. I have a bunch of buttons which I pinned to the Safe Area Layout Guides and everything is working fine - except the MKMapView. 

It completely ignores the Safe Area and therefore the compass and legal buttons are hidden under bars or my own UI elements. To verify, I created a new project with only one plain UIViewController. Then I added a MKMapView and configured custom "additionalSafeAreaInsets" which are indeed completely ignored. 

The worse is probably that even with just the MKMapView, the legal label looks horribly wrong on iPhone X. 

Question: is there any way I can inset the legal label and the compass to not get hidden by custom views? 

<a href="https://i.stack.imgur.com/lRQGk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/lRQGk.png" alt="enter image description here"></a>

MKMapView ignoring Safe Area on iOS 11 and iPhone X

我正在尝试将一个应用程序迁移到iOS 11，几天来我被一个又一个丑陋的UI错误所困扰。这一次: MKMapView。我有一堆按钮，我把它们固定在安全区域布局指南上，一切都很好--除了MKMapView。它完全忽略了安全区域，因此指南针和法律按钮隐藏在条形图或我自己的UI元素下面。为了验证，我创建了一个只有一个普通UIV...

问iOS 11和iPhone X上的MKMapView忽略安全区域
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS 11和iPhone X上的MKMapView忽略安全区域EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS 11和iPhone X上的MKMapView忽略安全区域
EN