首页 > 代码库 > ios:仿照安卓小米商城head左右滚动效果（多屏滚动）

ios:仿照安卓小米商城head左右滚动效果（多屏滚动）

2024-07-07 09:57:03   223人阅读

1.之前做的应用需要这个效果但是当时用的比较复杂（绘图）的方法来实现，现在想到了一个新的方法。

2.用到了http://www.cnblogs.com/yoon/p/3616503.html 里面的小技巧

3.思路：

主要是在新的scrollview中重写Layoutsubviews

代码如下：

- (void)layoutSubviews
{
    [super layoutSubviews];
    for (UIView *view in self.subviews) {
        if (view.tag == 2014) {
            CGRect rect = view.frame;
            rect.origin.x = -self.superview.frame.size.width + self.superview.frame.size.width/4/2 
　　　　　　　　　　　　　　　　　　+ self.contentOffset.x/4+self.contentOffset.x;
            view.frame = rect;
        }
    }
}

解释下，要保证x坐标合理，并且根据几页或几屏来确保一次滚动的距离，所以是 self.contentOffset.x/4（滚动的距离、当前的页数）

效果图：

完整代码：

http://pan.baidu.com/s/1jGE98QM

ps：素材来自小米商城


联系
我们