Create a floating button over a UITableView

Question

I saw iOS floating button over table view regarding how to create a floating button. This is the way I create the button. The problem is that the button will scroll with the table view.

UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[button addTarget:self 
           action:@selector(aMethod:)
 forControlEvents:UIControlEventTouchDown];
[button setTitle:@"Show View" forState:UIControlStateNormal];
button.frame = CGRectMake(80.0, 210.0, 160.0, 40.0);
[view addSubview:button];

How can I fix that?

I suggest you use https://github.com/gizmoboy7/VCFloatingActionButton this link....hope it will work for you

Have you subclassed `UIViewController` or `UITableViewController`? — chris13, Mar 10 '14 at 13:22
The easiest way is using MEVFloatingButton library. More information in https://github.com/manuelescrig/MEVFloatingButton — Manuel Escrig, Feb 25 '16 at 08:43

score 5 · Answer 1 · edited May 05 '17 at 11:40

5

Assign your view controller as the delegate of the table view and override scrollViewDidScroll:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    if ([scrollView isEqual:self.tableView]) {
        self.floatingButton.transform = CGAffineTransformMakeTranslation(0, scrollView.contentOffset.y);     
    }
}

edited May 05 '17 at 11:40

Anjaneyulu Battula

1,910
16
33

answered Mar 10 '14 at 13:27

Austin

5,625
1
29
43

Thanks Austin, How do I delegate the view controller to the table view. Thanks – user3241911 Mar 15 '14 at 00:52
You would add `self.tableView.delegate = self` to `viewDidLoad`, or connect the delegate outlet in Interface Builder. – Austin Mar 17 '14 at 13:41

score 1 · Answer 2 · answered Mar 10 '14 at 13:40

Try this:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGPoint origin = [scrollView contentOffset];
    [scrollView setContentOffset:CGPointMake(0.0, origin.y)];

    if ([scrollView.panGestureRecognizer translationInView:scrollView].y > 0)
    {
        NSLog(@"Now TableView Scrolling UP");
        // Your Custom Code
    } 
    else 
    {
        NSLog(@"Now TableView Scrolling Down");
        // Your Custom Code
    }
}

I hope it will helps you.. – Rajesh Loganathan Mar 10 '14 at 13:41 — Rajesh Loganathan, Mar 10 '14 at 13:41

Create a floating button over a UITableView

2 Answers2