UITableView 视觉差效果

最新推荐文章于 2018-08-02 19:17:52 发布

问傲雪

最新推荐文章于 2018-08-02 19:17:52 发布

阅读量1k

点赞数

分类专栏： ios 文章标签：界面 ios uitableview

本文链接：https://blog.csdn.net/u012661893/article/details/50389171

版权

ios 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

前几天研究了一下iOS的视觉差效果，主要实现是通过UITableView实现效果，当然UICollectionView、UIScrollView都可以实现视觉差效果，废话少说直接上代码。。。

首先在头文件中定义

@interface ViewController : UIViewController<UITableViewDelegate,UITableViewDataSource>
{       
    UITableView      *_tableView;
    NSArray          *_imageArray;
}
@end

在.m文件中实现UITableView，这个大家都会，在这里不多做讲解。
在这里只要说一下我对视觉差效果的理解，当UITableView在滚动的时候，通过UITableView滚动的距离计算出每个cell中图片移动的距离。UITableView继承UIScrollView，在UIScrollViewDelegate中，通过方法
-(void)scrollViewDidScroll:(UIScrollView *)scrollView得到滚动位置的变化，具体方法如下：

-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    //下面的方法是我在网上查询得到方法
    for (TableViewCell *cell in [_tableView visibleCells]) {
        [cell cellOnTableView:_tableView didScrollOnView:self.view];
    }
    *******************这两种实现方式都需要在自定义cell中实现相应的方法********************
     //一下是我的计算方法，显示效果略有不同
    for (TableViewCell *cell in [_tableView visibleCells]) {
        CGFloat yOffset = ((scrollView.contentOffset.y - cell.frame.origin.y) / IMAGE_HEIGHT) * IMAGE_OFFSET_SPEED;
        if (yOffset >= 0) {
            yOffset = -yOffset;
        }
        [cell updateTableShowImageFrame:yOffset];
    }
 }

这是我在网上查询得到的方法，在自定义cell中实现
- (void)cellOnTableView:(UITableView )tableView didScrollOnView:(UIView )view
{
CGRect rectInSuperview = [tableView convertRect:self.frame toView:view];
float distanceFromCenter = CGRectGetHeight(view.frame)/2 - CGRectGetMinY(rectInSuperview);
float difference = CGRectGetHeight(_showImage.frame) - CGRectGetHeight(self.frame);
float move = (distanceFromCenter / CGRectGetHeight(view.frame)) * difference;

    CGRect imageRect = _showImage.frame;
    imageRect.origin.y = -(difference/2)+move;
    _showImage.frame = imageRect;
}

一下是我自己的方法

-(void)updateTableShowImageFrame:(CGFloat)y
{
    _showImage.frame = CGRectMake(0, y, 375, 520);
}

该方法在效果为了在首次滚动时避免闪屏需要在初始化UITableView后实现一下方法
#define IMAGE_HEIGHT 200
#define IMAGE_OFFSET_SPEED 25

[_tableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:1 inSection:0] atScrollPosition:UITableViewScrollPositionTop animated:NO];
[_tableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] atScrollPosition:UITableViewScrollPositionTop animated:NO];

以上就是我对视觉差效果的理解，希望对大家有所帮助，如果有不对的地方或者更好的方法希望大家多多指教。