隐藏UITableView标题部分

时间:2012-10-28 17:36:01

标签: objective-c ios

我正在使用以下代码根据viewWillAppear中的条件隐藏视图和视图占用的空间:

- (void)viewWillAppear:(BOOL)animated {

    Data* data = [Data shared];

    if (data.something == 0) {

        CGRect frame = self.tableView.tableHeaderView.frame;
        frame.size.height = 0;
        self.tableView.tableHeaderView.frame = frame;

        self.tableView.tableHeaderView.hidden = YES;

    } else {

        CGRect frame = self.tableView.tableHeaderView.frame;
        frame.size.height = 44;
        self.tableView.tableHeaderView.frame = frame;

        self.tableView.tableHeaderView.hidden = NO;

    }

}

上面的代码有效,但我很确定这不是正确的方法。我试图将tableHeaderView设置为nil,但是一旦调用代码,headerView就会消失,直到UITableView被销毁(我想我可以使用IBOutlet将其修复到tableHeader,但听起来也不对。

UPDATE1:另一次尝试,但代码不起作用:

- (CGFloat)tableView:(UITableView*)tableView heightForHeaderInSection:(NSInteger)section {
   self.tableView.tableHeaderView.hidden = YES;
   return 0; 
}

2 个答案:

答案 0 :(得分:4)

数据源方法tableView:heightForHeaderInSection:实际上与与表视图的tableViewHeader属性关联的视图无关。这里有两种不同类型的标题,tableView顶部的 one 标题,其中可以放置搜索栏之类的内容,以及可以放置的多个标题在表视图中每个部分发生一次。

据我所知,tableViewHeader视图通常在nib文件中配置,我不知道表视图调用任何允许任何配置的数据源方法,所以你必须这样做它手动。坦率地说,如果您的代码有效,那将是一个很好的方法。隐藏它会使表视图仍然像在那里一样......完全删除它会使它无法恢复它,因为它被释放了。

(但是,正如你所说,你可以使用一个指向标题视图的IBOutlet,只要你把它作为一个强引用,然后你就可以以某种方式将它重新插入到表中。...嗯,虽然如何将视图添加到表视图的滚动视图中并将其正确定位的机制可能只是令人讨厌。)

我唯一的建议是将帧高度设置为零,这样你就可以得到一个很好的过渡效果,比如animateWithDuration。但是,是的,我会说你已经找到了最好的方法。

编辑:

代码,你说?我认为这是一个挑战:)

- (void)setTableViewHeaderHidden:(BOOL)hide
{

    // Don't want to muck things up if we are mid an animation.
    if (self.isAnimatingHeader) {
        return;
    }

    // This is our IBOutlet property, I am just saving a bit of typing.
    UIView *theHeader = self.theHeaderView;

    if (hide) {

        // Save the original height into the tag, should only be done once.
        if (!theHeader.tag) {
            theHeader.tag = theHeader.frame.size.height;
        }

        // Transform and hide
        if (theHeader.frame.size.height > 0) {

            self.isAnimatingHeader = YES;

            // New frame...
            CGRect frame = theHeader.frame;
            frame.size.height = 0;

            // Figure out some offsets here so we prevent jumping...
            CGPoint originalOffset = self.tableView.contentOffset;

            CGPoint animOffset = originalOffset;
            animOffset.y += MAX(0, theHeader.tag - animOffset.y);

            CGPoint newOffset = originalOffset;
            newOffset.y = MAX(0, newOffset.y - theHeader.tag);

            // Perform the animation
            [UIView animateWithDuration:0.35
                                  delay:0.0
                                options: UIViewAnimationCurveEaseOut
                             animations:^{
                                 theHeader.frame = frame;
                                 self.tableView.contentOffset = animOffset;
                             }
                             completion:^(BOOL finished){
                                 if (finished) {

                                     // Hide the header
                                     self.tableView.tableHeaderView = nil;
                                     theHeader.hidden = YES;

                                     // Shift the content offset so we don't get a jump
                                     self.tableView.contentOffset = newOffset;

                                     // Done animating.
                                     self.isAnimatingHeader = NO;

                                 }
                             }
             ];

        }

    } else {

        // Show and transform
        if (theHeader.frame.size.height < theHeader.tag) {

            self.isAnimatingHeader = YES;

            // Set the frame to the original before we transform, so that the tableview corrects the cell positions when we re-add it.
            CGRect originalFrame = theHeader.frame;
            originalFrame.size.height = theHeader.tag;
            theHeader.frame = originalFrame;

            // Show before we transform so that you can see it happen
            self.tableView.tableHeaderView = theHeader;
            theHeader.hidden = NO;

            // Figure out some offsets so we don't get the table jumping...
            CGPoint originalOffset = self.tableView.contentOffset;

            CGPoint startOffset = originalOffset;
            startOffset.y += theHeader.tag;
            self.tableView.contentOffset = startOffset; // Correct for the view insertion right off the bat

            // Now, I don't know if you want the top header to animate in or not. If you think about it, you only *need* to animate the header *out* because the user might be looking at it. I figure only animate it in if the user is already scrolled to the top, but hey, this is open to customization and personal preference.

            if (self.animateInTopHeader && originalOffset.y == 0) {

                CGPoint animOffset = originalOffset;

                // Perform the animation
                [UIView animateWithDuration:0.35
                                      delay:0.0
                                    options: UIViewAnimationCurveEaseIn
                                 animations:^{
                                     self.tableView.contentOffset = animOffset;

                                 }
                                 completion:^(BOOL finished){
                                     // Done animating.
                                     self.isAnimatingHeader = NO;
                                 }
                 ];

            } else {
                self.isAnimatingHeader = NO;
            }

        }

    }
}

在Xcode附带的表视图模板中构建它。只是把它扔到一起我使用UILongPressGestureRecognizer,选择器出口指向这个方法:

- (IBAction)longPress:(UIGestureRecognizer *)sender
{
    if (sender.state != UIGestureRecognizerStateBegan) {
        return;
    }
    if (self.hidingHeader) {
        self.hidingHeader = NO;
        [self setTableViewHeaderHidden:NO];
    } else {
        self.hidingHeader = YES;
        [self setTableViewHeaderHidden:YES];
    }

}

并且,我将这些添加到我的标题中:

@property (strong, nonatomic) IBOutlet UIView *theHeaderView;
@property (nonatomic)         BOOL                       hidingHeader;
@property (nonatomic)         BOOL                       isAnimatingHeader;
@property (nonatomic)         BOOL                       animateInTopHeader;

- (IBAction)longPress:(id)sender;

无论如何,它很棒。我所发现的是你肯定必须将表格视图的标题视图的参考文件取消,否则它不会消失,并且表格视图将根据标题框架的高度移动单元格的位置。被分配回其标题属性。此外,您必须通过IBOutlet向标题维护一个强引用,否则当您忽略表格视图的引用时它会被丢弃。

干杯。

答案 1 :(得分:2)

而不是,

if (1 == 1) {
    CGRect frame = self.viewHeader.frame;
    frame.size.height = 0;
    self.viewHeader.frame = frame;

    self.viewHeader.hidden = YES;
}

将其用作,

if (1 == 1) {
    self.viewHeader.hidden = YES;
}

如果您不再需要视图而不是隐藏视图,请使用[self.viewHeader removeFromSuperview]; 如果您想在删除[self.view addSubview:self.viewHeader];之后添加它,所有这些都取决于您的要求。

<强>更新

例如: -

if (data.something == 0) {
   //set frame1 as frame without tableHeaderView
   self.tableView.frame = frame1;
   self.tableView.tableHeaderView.hidden = YES;
} else {
   //set frame2 as frame with tableHeaderView
   self.tableView.frame = frame2;
   self.tableView.tableHeaderView.hidden = NO;
}

或,

if (data.something == 0) {
   //set frame1 as frame without tableHeaderView
   self.tableView.frame = frame1;
   self.tableView.tableHeaderView = nil;
} else {
   //set frame2 as frame with tableHeaderView
   self.tableView.frame = frame2;
   self.tableView.tableHeaderView = self.headerView; //assuming that self.headerview is the tableHeaderView created while creating the tableview
}

Update2:这是一个非常简单的动画块版本。

if (data.something == 0) {

    [UIView animateWithDuration:0.5 delay:0.0 options:UIViewAnimationCurveEaseOut
                     animations:^{
                         //set frame1 as frame without tableHeaderView
                         self.tableView.frame = frame1;
                         self.tableView.tableHeaderView.hidden = YES; // or self.tableView.tableHeaderView = nil;

                     }
                     completion:^(BOOL finished){
                         //if required keep self.tableView.frame = frame1;
                     }
     ];

} else {
    [UIView animateWithDuration:0.5 delay:0.0 options:UIViewAnimationCurveEaseIn
                     animations:^{
                         //set frame2 as frame with tableHeaderView
                         self.tableView.frame = frame2;
                         self.tableView.tableHeaderView.hidden = NO;// or self.tableView.tableHeaderView = self.headerView;
                     }
                     completion:^(BOOL finished){
                         //if required keep self.tableView.frame = frame2;
                     }];
}