码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-06-07 22:49:20      阅读:359      评论:0      收藏:0      [点我收藏+]

标签:des   cWeb   cPage   c   style   class   

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

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

3.思路:

主要是在新的scrollview中重写Layoutsubviews

代码如下:

bubuko.com,布布扣
- (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; } } }
bubuko.com,布布扣

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

效果图:

bubuko.com,布布扣

完整代码:

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

ps:素材来自小米商城

ios:仿照安卓小米商城head左右滚动效果(多屏滚动),布布扣,bubuko.com

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

标签:des   cWeb   cPage   c   style   class   

原文地址:http://www.cnblogs.com/yoon/p/3774741.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!