如何实现像Feedly这样的动画，在iOS objective-c中启动新闻应用程序

Question

我想实现像insorts和feedly news app这样的动画。 我发现了swift版本 它是通过uicollectionview布局定制实现的。

这是链接

Depth Page transform on iOS 我将swift转换为目标c但没有达到同样的效果。

这是我的代码

import“DepthLayout.h”

@interface DepthLayout() {
    CGFloat contentWidth;
    CGFloat contentHeight;
    CGFloat yOffset;
    CGFloat maxAlpha;
    CGFloat minAlpha;
    CGFloat widthOffset;
    CGFloat heightOffset;
    NSMutableArray * cache;
}
@end

@implementation DepthLayout
#pragma mark - Lifecycle

- (id)init
{
    self = [super init];
    if (self) {
        [self setup];
    }

    return self;
}

- (id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super init];
    if (self) {
        [self setup];
    }

    return self;
}

- (void)setup
{

    yOffset=0;
    maxAlpha=1;
    minAlpha=0;
    widthOffset=35;
    heightOffset=35;
    cache=[[NSMutableArray alloc]init];

}
-(CGFloat)itemWidth{
    return CGRectGetWidth(self.collectionView.bounds);

}
-(CGFloat)itemHeight{
    return CGRectGetHeight(self.collectionView.bounds);

}
-(CGFloat)collectionViewHeight{
    return CGRectGetHeight(self.collectionView.bounds);

}
-(NSInteger)numberOfItems{
    return [self.collectionView numberOfItemsInSection:0];

}
-(CGFloat)dragOffset{
    return CGRectGetHeight(self.collectionView.bounds);

}
-(NSInteger)currentItemIndex{
    return MAX(0,(NSInteger)(self.collectionView.contentOffset.y/[self collectionViewHeight]));

}
-(CGFloat)nextItemBecomeCurrentPercentage{
    return (self.collectionView.contentOffset.y/[self collectionViewHeight])-(CGFloat)[self currentItemIndex];

}
#pragma mark - Layout

- (void)prepareLayout{
    [cache removeAllObjects];
    yOffset=0;
    for(NSInteger item=0;item<[self numberOfItems];item++){
       NSIndexPath *indexPath = [NSIndexPath indexPathForItem:0 inSection:0];
        UICollectionViewLayoutAttributes *attribute =
        [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];
        if ((indexPath.item == [self currentItemIndex ]+1) && (indexPath.item < [self numberOfItems])){
            attribute.alpha = minAlpha + MAX((maxAlpha-minAlpha) * [self nextItemBecomeCurrentPercentage], 0);
            CGFloat width = [self itemWidth] - widthOffset + (widthOffset * [self nextItemBecomeCurrentPercentage]);
            CGFloat height = [self itemWidth] - heightOffset + (heightOffset * [self nextItemBecomeCurrentPercentage]);
            CGFloat deltaWidth =  width/[self itemWidth];
            CGFloat deltaHeight = height/[self itemHeight ];
            attribute.frame = CGRectMake(0, yOffset, [self itemWidth],[self itemHeight]);
            attribute.transform = CGAffineTransformMakeScale(deltaWidth, deltaHeight);
            CGPoint center=self.collectionView.center;
            center.y=self.collectionView.center.y+self.collectionView.contentOffset.y;
            center.x=self.collectionView.center.x+self.collectionView.contentOffset.x;
            attribute.center = center;
            yOffset += [self collectionViewHeight];

        }else{
            attribute.frame = CGRectMake(0, yOffset, [self itemWidth],[self itemHeight]);
            CGPoint center=self.collectionView.center;
            center.y=self.collectionView.center.y+yOffset;
            center.x=self.collectionView.center.x;
            yOffset += [self collectionViewHeight];
        }
        [cache addObject:attribute];
    }

}

-(CGSize)collectionViewContentSize{
    contentWidth = CGRectGetWidth(self.collectionView.bounds);
    contentHeight = (CGFloat)[self numberOfItems] * CGRectGetHeight(self.collectionView.bounds);
    return CGSizeMake(contentWidth, contentHeight);
}
-(NSMutableArray *)layoutAttributesForElementsInRect:(CGRect)rect{


    NSMutableArray* layoutAttributes = [[NSMutableArray alloc]init];
    for (UICollectionViewLayoutAttributes * attribute in cache){
        if(CGRectIntersectsRect(attribute.frame, rect)){
            [layoutAttributes addObject:attribute];
        }
    }
    return layoutAttributes;
}
-(BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds{
    return YES;
}
-(CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity{
    NSInteger itemIndex = round(proposedContentOffset.y / ([self dragOffset]));
    CGFloat yOffsetTemp = itemIndex * CGRectGetHeight(self.collectionView.bounds);
    return CGPointMake( 0,  yOffsetTemp);

}
-(UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath*)indexPath {

    UICollectionViewLayoutAttributes *attr=[UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];
    return attr;
}
@end

  

有什么问题？

Answer 1

无需将swift转换为目标c。

我直接在Objective C Project中使用Swift文件 满足我的要求。

我在这里使用了UltravisualLayout：Depth Page transform on iOS

感谢swift＆amp; amp;目标C;