Làm thế nào để phát hiện chạm vào UIImageView của đối tượng UITableViewCell theo phong cách UITableViewCellStyleSubtitle

Question

Tôi đang sử dụng các đối tượng UITableViewCell theo phong cách UITableViewCellStyleSubtitle (tức là một cái nhìn hình ảnh trên bên trái, nhãn văn bản in đậm và dưới đó một nhãn văn bản chi tiết) để tạo bàn của tôi. Bây giờ tôi cần phải phát hiện các chạm trên UIImageView và cũng để biết đường dẫn/ô trong đó chế độ xem hình ảnh được nhấp vào. Tôi đã thử sử dụng

cell.textLabel.text = @"Sometext"; 
NSString *path = [[NSBundle mainBundle] pathForResource:@"emptystar1" ofType:@"png"]; 
UIImage *theImage = [UIImage imageWithContentsOfFile:path]; 
cell.imageView.image = theImage; 
cell.imageView.userInteractionEnabled = YES; 

Nhưng nó không hoạt động. Bất cứ khi nào hình ảnh được nhấp, didSelectRowAtIndexPath: được gọi. Tôi không muốn tạo một UITableViewCell riêng biệt và thêm nút tùy chỉnh vào nó. Có cách nào để phát hiện các chạm trên chính bản thân số UIImageView không?

Answer 1

Trong phương pháp cellForRowAtIndexPath bạn thêm mã này

cell.imageView.userInteractionEnabled = YES; 
cell.imageView.tag = indexPath.row; 

UITapGestureRecognizer *tapped = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(myFunction:)]; 
tapped.numberOfTapsRequired = 1; 
[cell.imageView addGestureRecognizer:tapped]; 
[tapped release]; 

Và sau đó để kiểm tra imageView được nhấp, kiểm tra cờ trong selector phương pháp

-(void)myFunction :(id) sender 
{ 
    UITapGestureRecognizer *gesture = (UITapGestureRecognizer *) sender; 
    NSLog(@"Tag = %d", gesture.view.tag); 
} 

Answer 2

Một cách bạn có thể làm là tạo một UIImageView từ hình ảnh của bạn và thêm trình nhận dạng cử chỉ vào đó. Xem ví dụ dưới đây

//Create ImageView 
UIImageView *theImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"emptystar1.png"]]; 
theImageView.userInteractionEnabled = YES; 

//Add Gesture Recognizer 
UITapGestureRecognizer *tapped = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(imageSelectedInTable)]; 
tapped.numberOfTapsRequired = 1; 
[theImageView addGestureRecognizer:tapped]; 
[cell addSubview:theImageView]; 

//Memory Cleanup 
[tapped release]; 
[theImageView release]; 

-(void)imageSelectedInTable 
{ 
    NSLog(@"Selected an Image"); 
} 

Tuy nhiên, bây giờ bạn sẽ phải bố trí các tế bào của bạn hơn vì bạn không thể chỉ cần sử dụng UIImageView tài sản của UITableViewCell vì nó chỉ đọc.

Answer 3

Các giải pháp chấp nhận hiện đang bị phá vỡ trong iOS 5.0. Lỗi này làm cho trình nhận dạng cử chỉ của chế độ xem hình ảnh không bao giờ được kích hoạt. Thông qua nghiên cứu trên diễn đàn nhà phát triển chính thức, tôi thấy rằng đây là lỗi đã biết trong iOS 5.0. Nguyên nhân là do việc triển khai nội bộ gây ra -gestureRecognizerShouldBegin: để trả lại NO. Lỗi xuất hiện khi bạn đang thiết lập đại biểu của trình nhận dạng cử chỉ cho chính lớp con tùy chỉnh UITableViewCell.

Các sửa chữa là để ghi đè -gestureRecognizerShouldBegin: trong đại biểu cử chỉ nhận dạng và trở YES. Lỗi này phải được khắc phục trong phiên bản iOS 5.x tương lai. Điều này chỉ an toàn miễn là bạn không sử dụng API sao chép/dán UITableViewCell mới.

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer 
{ 
    return YES; 
} 

Answer 4

Vấn đề này là:

• Add ImageView vào TableViewCell
• tổ chức sự kiện nhấp vào ImageView khác với sự kiện nhấp vào TableViewCell

-> Các mã dưới đây làm việc một cách chính xác với tôi :

cell.imageView.image = [UIImage imageNamed:@"my_image.png"]; 
[cell.imageView setUserInteractionEnabled:YES]; 
UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(singleTapGestureCaptured:)];  
[cell.imageView addGestureRecognizer:singleTap]; 

và "singleTapGestureCaptured" chức năng

- (void)singleTapGestureCaptured:(UITapGestureRecognizer*)gesture{ 
    NSLog(@"Left Image clicked"); 
} 

Answer 5

Đối với Swift, trong phương pháp cellForRowAtIndexPath của bạn thêm mã này

cell.imageView?.userInteractionEnabled = true 
cell.imageView?.tag = indexPath.row 

var tapped:UITapGestureRecognizer = UITapGestureRecognizer(target: self, action: "TappedOnImage:") 
tapped.numberOfTapsRequired = 1 
cell.imageView?.addGestureRecognizer(tapped) 

Và sau đó để kiểm tra IMAGExem được nhấp, kiểm tra cờ trong phương pháp chọn

func TappedOnImage(sender:UITapGestureRecognizer){ 
    println(sender.view?.tag) 
} 

Answer 6

Chỉ cách thông tin bổ sung, trong trường hợp của tôi, tôi phải trả lời một thao tác nhấn trên tệp hình ảnh của ô bảng được truy xuất từ ​​NSFetchedResultsContro ller, vì vậy chúng ta cần indexPath, không phải hàng, vì vậy tôi quyết định sử dụng hình ảnh đã khai thác chính nó thay vì thông tin hàng. Tôi định nghĩa một biến cho hình ảnh:

var imgSelected: UIImageView? = nil 

tôi đã thêm các nhận dạng cử chỉ đến IMAGExem (imgZona):

public override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { 
    let cell = tableView.dequeueReusableCellWithIdentifier(Storyboard.CellReuseIdentifier, forIndexPath: indexPath) as! ZonasTableViewCell 
    let zona = fetchedResultsController.objectAtIndexPath(indexPath) as! Zona 

    cell.infoZona = zona 

    let tapGestureRecognizer = UITapGestureRecognizer(target:self, action:Selector("imageTapped:")) 

    cell.imgZona?.addGestureRecognizer(tapGestureRecognizer) 
    cell.imgZona?.userInteractionEnabled = true 

    return cell 
} 

và trong phương pháp "imageTapped" Tôi lấy hình ảnh và lưu vào biến "imgSelected":

func imageTapped(sender: UITapGestureRecognizer) { 

    imgSelected = sender.view as? UIImageView 
    self.performSegueWithIdentifier("MuestraImagen", sender: self) 
} 

Cuối cùng, trong phương pháp "prepareForSegue" tôi đã gửi hình ảnh của viewController dành để hiển thị các hình ảnh khai thác:

override public func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) { 
    if let identifier = segue.identifier { 
     switch identifier { 
     case "MuestraImagen": 
      if let vc = segue.destinationViewController as? MuestraImagenViewController { 
       if imgSelected != nil { 
        if let img = imgSelected!.image { 
         vc.imgPuente = img 
        } 
       } 
      } 
     default: break 
     } 
    } 
}