地理围栏应用程序中的半径选择-iOS

几天前,我的工作是模仿iPhone提醒应用程序的基于位置的提醒功能。 其中最复杂的部分是在苹果地图上实现半径选择。 我在互联网上四处寻找帮助,但没有找到具体的帖子。 因此,由于基于地理围栏的应用程序的兴起,我想写一篇文章。

在这里,我将解释实现相同步骤的步骤。 我们将编写几行代码。

步骤1:将View和MapView添加到情节提要

将UIView视图添加到情节提要,并添加顶部,底部,前导和尾随约束。 将所有4个约束都设置为0。在UIView中添加MapKit视图,并将所有4个侧面的约束都约束为0。

步骤2:为Pin和Radius创建图像(根据您的要求)

在这一步中,我为您提供了一些技巧来创建地图图钉和半径图像,这将非常有帮助。

地图图钉我们将使用地图图钉来显示地图的当前位置,并且当我们移动地图时,将使用图钉来选择位置。 在这里,我谈论的是Uber应用程序正在使用的功能。 因此,创建一个销钉图像,该图像是销钉高度的两倍。 因此,如果您的图钉高度为10像素,则图像高度应为20像素。 之所以这样做,是因为我们要在地图中间显示点。

半径圆:仅使用边框创建100 x 100的半径圆图像。 我们将使用此图像在地图上选择半径。

步骤3:添加地图图钉和半径圆

在我们的UIView内的情节提要中将地图图钉和半径圆添加为UIImage。 将其约束到屏幕中心。

到目前为止,我们的情节提要文件应如下所示。

步骤4:添加UIView用作触摸区域。

在这里,我们需要另一个UIView。 请检查以下图像以查看我为该视图设置的属性和约束。