How to detect tap on Uitableview cell with uiview and uibutton?

Question

I have created a table view and i am adding my custom uiview into the cell's content view. The uiview has a uibutton. However i can add the uibutton into the content view when the cell is created.

I want to get the tap event on the tableview to perform some action. I also want tap event on the uibutton to perform a different action.

The problem is when i tap a row the button is also getting pressed and two events are triggered. How can i get both the events discreetly? i.e tap on the tableview cell when portion the cell outside the uibuttons boundary is clicked.

is your button completely overlapping your cell area or not ? — saadnib, Apr 15 '11 at 09:23
No its not overlapping the cell area. Its just a part of the cell at bottom right. — Praveen S, Apr 15 '11 at 09:29

score 2 · Accepted Answer · answered Apr 15 '11 at 09:44

2

You can add a Button in cell in as

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake( 13.0f, 13.0f, 90.0f, 90.0f)];
[button addTarget:self action:@selector(BtnPressed) forControlEvents:UIControlEventTouchUpInside];
[cellView.contentView addSubview:button];

then you can get events separately

answered Apr 15 '11 at 09:44

saadnib

11,145
2
33
54

yes when you tap a cell all subviews shows their highlighted state but it doesn't call your button event. – saadnib Apr 15 '11 at 09:51
if you are using a custom button then you have to set the same image or same color for UIControlStateHighlighted as you are using for UIControlStateNormal. This wil remove the hilighted effect. – saadnib Apr 15 '11 at 09:56
Hey but the effect will be same when the button in question is pressed. How can i show the pressed state for that button? – Praveen S Apr 15 '11 at 14:00
pressed state is the highlighted state – saadnib Apr 15 '11 at 14:00

score 1 · Answer 2 · answered Apr 15 '11 at 10:00

Are you sure two different events are being triggered by the same tap? My understanding is that UIKit generates only one UIEvent and sends it to the top-most view in the hierarchy that responds to that type of gesture. In this case, if the button is higher in the view hierarchy, as it probably is, it should be receiving the event message. But, I may be wrong.

One solution to definitely avoid the possibility of two events being triggered, though possibly not the ideal, would be to deactivate row selection for the tableView, as follows:

        self.tableView.allowsSelection = NO;

Then, add a view covering the remainder of the tableCell & add a gesture recognizer to that view. Since they don't cover the same area, there is no chance of conflicting events. Of course, to know what row was tapped, you'd have to add an instance variable for both the button and the new view to hold the indexPath. You would set the index path when you set up the tableCell in tableView:cellForRowAtIndexPath:

Hope this is helpful or gives you some new ideas.

saadnib's solution is much more direct. I'd go with that. – salo.dm Apr 15 '11 at 11:19 — salo.dm, Apr 15 '11 at 11:19

Zorayr · Answer 3 · 2015-04-28T07:31:19.263

You could subclass UITableViewCell and add a button, here is an example class:

import UIKit

private let DWWatchlistAddSymbolCellAddSymbolButtonLeftMargin: CGFloat = 15

class DWWatchlistAddSymbolCell: UITableViewCell {

  private(set) var addSymbolButton:UIButton

  init(reuseIdentifier:String?, primaryTextColor:UIColor) {
    self.addSymbolButton = UIButton.buttonWithType(UIButtonType.Custom) as! UIButton
    super.init(style:UITableViewCellStyle.Default, reuseIdentifier:reuseIdentifier)
    selectionStyle = UITableViewCellSelectionStyle.None
    backgroundColor = UIColor.clearColor()
    imageView!.image = UIImage(named:"PlusIcon")!
    addSymbolButton.setTitle("Add Symbol", forState:UIControlState.Normal)
    addSymbolButton.setTitleColor(primaryTextColor, forState:UIControlState.Normal)
    addSymbolButton.contentHorizontalAlignment = UIControlContentHorizontalAlignment.Left
    addSymbolButton.contentVerticalAlignment = UIControlContentVerticalAlignment.Center
    contentView.addSubview(addSymbolButton)
  }

  required init(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
  }

  // MARK: Layout

  override func layoutSubviews() {
    super.layoutSubviews()
    addSymbolButton.frame = contentView.frame
    let imageViewFrame = imageView!.frame
    let imageViewMaxX = imageViewFrame.origin.x + imageViewFrame.size.width
    let addSymbolButtonX = imageViewMaxX + DWWatchlistAddSymbolCellAddSymbolButtonLeftMargin
    addSymbolButton.contentEdgeInsets = UIEdgeInsetsMake(0, addSymbolButtonX, 0, 0);
  }
}

You can see the "Add Symbol" button at the bottom:

Add Symbol Button Cell

When you're returning the cell for the UITableViewDataSource, make sure to set the target for the button:

private func addButtonCell(tableView: UITableView) -> UITableViewCell {
  var cell:DWWatchlistAddSymbolCell? = tableView.dequeueReusableCellWithIdentifier(kDWWatchlistViewControllerAddButtonCellReuseIdentifier) as? DWWatchlistAddSymbolCell
  if (cell == nil) {
    cell = DWWatchlistAddSymbolCell(reuseIdentifier:kDWWatchlistViewControllerAddButtonCellReuseIdentifier, primaryTextColor:primaryTextColor)
  }
  cell!.addSymbolButton.addTarget(self,
    action:Selector("didPressAddSymbolButton"),
    forControlEvents:UIControlEvents.TouchUpInside)
  return cell!
}

How to detect tap on Uitableview cell with uiview and uibutton?

3 Answers3

Linked

Related