在 UITableView 滚动时在 MKMapView 上放置图钉,从特定屏幕位置的单元格获取坐标。制作图钉 "dance."
Dropping pins on MKMapView while UITableView is scrolling, obtaining coordinates from cell at certain screen position. Make pins "dance."
我正在尝试的内容和摘要:
- 我有一个包含 MKMapView 和子 UITableView 的 UIViewController。
- table 视图中的每个单元格都包含一组坐标。
- 我想要在地图上的顶部单元格中包含的坐标处放置一个图钉。
- 我希望随着 table 视图滚动,图钉 "in real time" 下降。当一个单元格到达某个 y 轴屏幕位置时,一个图钉会落在其地图坐标处,而当它离开此 y 轴位置时,图钉会消失,并在下一个单元格的地图坐标处被一个新图钉替换。
- 期望的效果是随着 table 视图滚动,图钉在地图上的不同位置快速消失和重新出现(一次一个)。我称之为 "dancing."
- 我不希望在 y 位置选择单元格,因为我需要使用 didSelectRow 方法推送到新的视图控制器。
您可以通过将我的代码复制并粘贴到新项目中来查看和 运行 我尝试的解决方案。
我试图通过使用 table 视图滚动时重复调用的 scrollViewDidScroll
方法来解决这个问题。我设置它以便每次调用它时,它都会获取 table 视图顶部单元格的索引路径,如果此索引路径与上次调用该方法时不同(意味着一个新的单元格已经到达顶部),一个自定义方法 newPinFromScrolling
被调用。此方法应该从最后一个顶部单元格中删除图钉,并在地图上新顶部单元格中指定的坐标处放置一个新图钉。
我认为上面提到的两种方法对于任何试图解决这个问题的人来说都是最相关的。我的ViewDidLoad
主要是基础工作,但我还是尝试添加一些解释性评论。
我的 ViewController.h
什么都没有
ViewController.m
#import "ViewController.h"
#import <MapKit/MapKit.h>
#import "AnnotationClass.h"
@interface ViewController () <UITableViewDelegate,UITableViewDataSource,MKMapViewDelegate>
@end
@implementation ViewController
{
UITableView * myTableView;
NSMutableArray * coordinatesArray;
MKMapView * mapView;
CLLocationCoordinate2D centerLocation;
NSIndexPath * topRowIndexPath;
NSIndexPath * oldRowIndexPath;
UILabel * indexPathLabel;
UIView * labelContainerView;
}
- (void)viewDidLoad {
[super viewDidLoad];
//basic positioning stuff
labelContainerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 50)];
labelContainerView.backgroundColor = [UIColor lightGrayColor];
[self.view addSubview:labelContainerView];
indexPathLabel = [[UILabel alloc] initWithFrame:CGRectMake([UIScreen mainScreen].bounds.size.width/2, 20, 50, 30)];
indexPathLabel.text = @"0";
[labelContainerView addSubview:indexPathLabel];
myTableView = [[UITableView alloc] initWithFrame:CGRectMake(0,(([UIScreen mainScreen].bounds.size.height - 50)/2) + 50, [UIScreen mainScreen].bounds.size.width, ([UIScreen mainScreen].bounds.size.height - 50)/2) style:UITableViewStylePlain];
[myTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];
myTableView.dataSource = self;
myTableView.delegate = self;
[self.view addSubview:myTableView];
mapView = [[MKMapView alloc] initWithFrame:CGRectMake(0, 50, [UIScreen mainScreen].bounds.size.width, ([UIScreen mainScreen].bounds.size.height - 50)/2)];
mapView.delegate = self;
[self.view addSubview:mapView];
coordinatesArray = [@[] mutableCopy];
//random location to drop pins around
centerLocation = CLLocationCoordinate2DMake(37.72012665, -101.59623681);
//way of getting 25 random locations around the center location
for(int i=0;i<25;i++) {
CGFloat latDelta = rand()* .99/RAND_MAX - 0.02;
CGFloat lonDelta = rand()* .99/RAND_MAX - 0.08;
CLLocationCoordinate2D cellCoordinate = {centerLocation.latitude+latDelta, centerLocation.longitude+lonDelta};
//adding these coordinates to the table view array
[coordinatesArray addObject:[NSValue valueWithMKCoordinate:cellCoordinate]];
}
//dropping all the pins on the map before any scrolling happens
for ( int i=0; i<[coordinatesArray count]; i++)
{
CLLocationCoordinate2D annotationCoordinates = [[coordinatesArray objectAtIndex:i] MKCoordinateValue];
AnnotationClass * dropPin = [[AnnotationClass alloc] init];
dropPin.coordinate = annotationCoordinates;
[mapView addAnnotation:dropPin];
}
//set our viewing region
MKCoordinateRegion region = MKCoordinateRegionMake(centerLocation, MKCoordinateSpanMake(2.5, 2.5));
region = [mapView regionThatFits:region];
[mapView setRegion:region animated:NO];
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return coordinatesArray.count;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell * cell = [myTableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];
CLLocationCoordinate2D cellCoordinate = [[coordinatesArray objectAtIndex:indexPath.row] MKCoordinateValue];
cell.textLabel.text = [NSString stringWithFormat:@"%f, %f", cellCoordinate.latitude, cellCoordinate.longitude];
return cell;
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
CGPoint offset = myTableView.contentOffset;
//the line below gets the index path of the cell located at the y coordinate of the table view's origin (the cell touching the top)
topRowIndexPath = [myTableView indexPathForRowAtPoint:offset];
//offset.y > 0 because indexpath = null when offset is less than 0
if (topRowIndexPath != oldRowIndexPath && offset.y > 0) {
//this method gets called every time the index path changes
[self newPinFromScrolling];
//this label gets updated in real time
indexPathLabel.text = [NSString stringWithFormat:@"%lu",topRowIndexPath.row];
}
//oldRowIndexPath gets compared to topRowIndexpath next time this method is called
oldRowIndexPath = topRowIndexPath;
}
- (void)newPinFromScrolling {
//remove previous pins. This seems to happen "in real time" too.
[mapView removeAnnotations:mapView.annotations];
//below is all the code needed to drop a new pin on the map at the coordinates specified in the topmost cell. Some or all of it does not get called during the scroll event.
CLLocationCoordinate2D newPinCoordinates = [[coordinatesArray objectAtIndex:topRowIndexPath.row] MKCoordinateValue];
AnnotationClass * newPin = [[AnnotationClass alloc] init];
newPin.coordinate = newPinCoordinates;
//An NSLog of newPin.coordinate shows that the pin coordinates get updated in real time.
//It seems that this line here is the one that does not get called until the table view stops.
[mapView addAnnotation:newPin];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
AnnotationClass.h
#import <Foundation/Foundation.h>
#import <MapKit/MapKit.h>
@interface AnnotationClass : NSObject <MKAnnotation>
@property (nonatomic, readonly) CLLocationCoordinate2D coordinate;
-(void)setCoordinate:(CLLocationCoordinate2D)newCoordinate;
@end
AnnotationClass.m
#import "AnnotationClass.h"
@implementation AnnotationClass
-(void)setCoordinate:(CLLocationCoordinate2D)newCoordinate
{
_coordinate = newCoordinate;
}
@end
结果:
- 当 table 视图滚动时,
newPinFromScrolling
会被调用 "in real time"。
- 然而,随着 table 视图滚动,新图钉 不会 实时下降。它们仅在 table 视图完全停止时才掉落。
- 我制作了一个标签,每次顶部单元格的索引路径发生变化时,确实实时更新,所以我猜phone的能力在 table 视图滚动时实时更新取决于任务的复杂性。
猜想:
我认为如果 table 视图滚动得足够快,phone 将无法完成在顶部单元格被替换之前及时放下图钉所需的任务,但事实并非如此我滚动的速度似乎很重要。 只要 table 视图处于运动状态,图钉就不会掉落,即使它滚动得足够慢以致于完成任务也是如此。 就好像这些任务在滚动事件期间被禁用。
如果是这样的话,有什么方法可以强制phone尝试完成newPinFromScrolling
方法中的任务吗?它们是否可以在单独的线程中完成,并在 table 视图滚动得太快时取消没有时间完成的线程?如果安排好了,那么我将开始研究降低 table 视图滚动速度的方法,以便 "dance" 不会被打断。
事实证明,更改图钉位置所需要做的就是更改其坐标(只需确保它已添加到地图中)。每次索引路径更改时添加和删除它是不必要的。
我正在尝试的内容和摘要:
- 我有一个包含 MKMapView 和子 UITableView 的 UIViewController。
- table 视图中的每个单元格都包含一组坐标。
- 我想要在地图上的顶部单元格中包含的坐标处放置一个图钉。
- 我希望随着 table 视图滚动,图钉 "in real time" 下降。当一个单元格到达某个 y 轴屏幕位置时,一个图钉会落在其地图坐标处,而当它离开此 y 轴位置时,图钉会消失,并在下一个单元格的地图坐标处被一个新图钉替换。
- 期望的效果是随着 table 视图滚动,图钉在地图上的不同位置快速消失和重新出现(一次一个)。我称之为 "dancing."
- 我不希望在 y 位置选择单元格,因为我需要使用 didSelectRow 方法推送到新的视图控制器。
您可以通过将我的代码复制并粘贴到新项目中来查看和 运行 我尝试的解决方案。
我试图通过使用 table 视图滚动时重复调用的 scrollViewDidScroll
方法来解决这个问题。我设置它以便每次调用它时,它都会获取 table 视图顶部单元格的索引路径,如果此索引路径与上次调用该方法时不同(意味着一个新的单元格已经到达顶部),一个自定义方法 newPinFromScrolling
被调用。此方法应该从最后一个顶部单元格中删除图钉,并在地图上新顶部单元格中指定的坐标处放置一个新图钉。
我认为上面提到的两种方法对于任何试图解决这个问题的人来说都是最相关的。我的ViewDidLoad
主要是基础工作,但我还是尝试添加一些解释性评论。
我的 ViewController.h
什么都没有ViewController.m
#import "ViewController.h"
#import <MapKit/MapKit.h>
#import "AnnotationClass.h"
@interface ViewController () <UITableViewDelegate,UITableViewDataSource,MKMapViewDelegate>
@end
@implementation ViewController
{
UITableView * myTableView;
NSMutableArray * coordinatesArray;
MKMapView * mapView;
CLLocationCoordinate2D centerLocation;
NSIndexPath * topRowIndexPath;
NSIndexPath * oldRowIndexPath;
UILabel * indexPathLabel;
UIView * labelContainerView;
}
- (void)viewDidLoad {
[super viewDidLoad];
//basic positioning stuff
labelContainerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 50)];
labelContainerView.backgroundColor = [UIColor lightGrayColor];
[self.view addSubview:labelContainerView];
indexPathLabel = [[UILabel alloc] initWithFrame:CGRectMake([UIScreen mainScreen].bounds.size.width/2, 20, 50, 30)];
indexPathLabel.text = @"0";
[labelContainerView addSubview:indexPathLabel];
myTableView = [[UITableView alloc] initWithFrame:CGRectMake(0,(([UIScreen mainScreen].bounds.size.height - 50)/2) + 50, [UIScreen mainScreen].bounds.size.width, ([UIScreen mainScreen].bounds.size.height - 50)/2) style:UITableViewStylePlain];
[myTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];
myTableView.dataSource = self;
myTableView.delegate = self;
[self.view addSubview:myTableView];
mapView = [[MKMapView alloc] initWithFrame:CGRectMake(0, 50, [UIScreen mainScreen].bounds.size.width, ([UIScreen mainScreen].bounds.size.height - 50)/2)];
mapView.delegate = self;
[self.view addSubview:mapView];
coordinatesArray = [@[] mutableCopy];
//random location to drop pins around
centerLocation = CLLocationCoordinate2DMake(37.72012665, -101.59623681);
//way of getting 25 random locations around the center location
for(int i=0;i<25;i++) {
CGFloat latDelta = rand()* .99/RAND_MAX - 0.02;
CGFloat lonDelta = rand()* .99/RAND_MAX - 0.08;
CLLocationCoordinate2D cellCoordinate = {centerLocation.latitude+latDelta, centerLocation.longitude+lonDelta};
//adding these coordinates to the table view array
[coordinatesArray addObject:[NSValue valueWithMKCoordinate:cellCoordinate]];
}
//dropping all the pins on the map before any scrolling happens
for ( int i=0; i<[coordinatesArray count]; i++)
{
CLLocationCoordinate2D annotationCoordinates = [[coordinatesArray objectAtIndex:i] MKCoordinateValue];
AnnotationClass * dropPin = [[AnnotationClass alloc] init];
dropPin.coordinate = annotationCoordinates;
[mapView addAnnotation:dropPin];
}
//set our viewing region
MKCoordinateRegion region = MKCoordinateRegionMake(centerLocation, MKCoordinateSpanMake(2.5, 2.5));
region = [mapView regionThatFits:region];
[mapView setRegion:region animated:NO];
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return coordinatesArray.count;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell * cell = [myTableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];
CLLocationCoordinate2D cellCoordinate = [[coordinatesArray objectAtIndex:indexPath.row] MKCoordinateValue];
cell.textLabel.text = [NSString stringWithFormat:@"%f, %f", cellCoordinate.latitude, cellCoordinate.longitude];
return cell;
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
CGPoint offset = myTableView.contentOffset;
//the line below gets the index path of the cell located at the y coordinate of the table view's origin (the cell touching the top)
topRowIndexPath = [myTableView indexPathForRowAtPoint:offset];
//offset.y > 0 because indexpath = null when offset is less than 0
if (topRowIndexPath != oldRowIndexPath && offset.y > 0) {
//this method gets called every time the index path changes
[self newPinFromScrolling];
//this label gets updated in real time
indexPathLabel.text = [NSString stringWithFormat:@"%lu",topRowIndexPath.row];
}
//oldRowIndexPath gets compared to topRowIndexpath next time this method is called
oldRowIndexPath = topRowIndexPath;
}
- (void)newPinFromScrolling {
//remove previous pins. This seems to happen "in real time" too.
[mapView removeAnnotations:mapView.annotations];
//below is all the code needed to drop a new pin on the map at the coordinates specified in the topmost cell. Some or all of it does not get called during the scroll event.
CLLocationCoordinate2D newPinCoordinates = [[coordinatesArray objectAtIndex:topRowIndexPath.row] MKCoordinateValue];
AnnotationClass * newPin = [[AnnotationClass alloc] init];
newPin.coordinate = newPinCoordinates;
//An NSLog of newPin.coordinate shows that the pin coordinates get updated in real time.
//It seems that this line here is the one that does not get called until the table view stops.
[mapView addAnnotation:newPin];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
AnnotationClass.h
#import <Foundation/Foundation.h>
#import <MapKit/MapKit.h>
@interface AnnotationClass : NSObject <MKAnnotation>
@property (nonatomic, readonly) CLLocationCoordinate2D coordinate;
-(void)setCoordinate:(CLLocationCoordinate2D)newCoordinate;
@end
AnnotationClass.m
#import "AnnotationClass.h"
@implementation AnnotationClass
-(void)setCoordinate:(CLLocationCoordinate2D)newCoordinate
{
_coordinate = newCoordinate;
}
@end
结果:
- 当 table 视图滚动时,
newPinFromScrolling
会被调用 "in real time"。 - 然而,随着 table 视图滚动,新图钉 不会 实时下降。它们仅在 table 视图完全停止时才掉落。
- 我制作了一个标签,每次顶部单元格的索引路径发生变化时,确实实时更新,所以我猜phone的能力在 table 视图滚动时实时更新取决于任务的复杂性。
猜想: 我认为如果 table 视图滚动得足够快,phone 将无法完成在顶部单元格被替换之前及时放下图钉所需的任务,但事实并非如此我滚动的速度似乎很重要。 只要 table 视图处于运动状态,图钉就不会掉落,即使它滚动得足够慢以致于完成任务也是如此。 就好像这些任务在滚动事件期间被禁用。
如果是这样的话,有什么方法可以强制phone尝试完成newPinFromScrolling
方法中的任务吗?它们是否可以在单独的线程中完成,并在 table 视图滚动得太快时取消没有时间完成的线程?如果安排好了,那么我将开始研究降低 table 视图滚动速度的方法,以便 "dance" 不会被打断。
事实证明,更改图钉位置所需要做的就是更改其坐标(只需确保它已添加到地图中)。每次索引路径更改时添加和删除它是不必要的。