欢迎光临
我们一直在努力

iOS仿支付宝首页效果

建站超值云服务器,限时71元/月

iOS仿支付宝首页效果

项目介绍:

本Demo仿支付宝首页效果,做的比较简陋,重要的是思路。希望能帮助有需要的人。
关键代码:

if (scrollView == self.collectionView) {
        // 设置collectionView的偏移量时 会调用scrollViewDidScroll: 为了避免死循环
        return;
    }
    
    CGFloat y = scrollView.contentOffset.y;
    //    JHLog(@"scrollView y:%f",y);
    if (y <= 0) {
        
        self.headerView.jh_y = y ;
        
        // 保持collectionview的frame不动
        self.collectionView.jh_y = y + kFunctionViewHeight;
        
        if (![self.collectionView.mj_header isRefreshing]) {
            //设置collectionView的偏移量 会调用scrollViewDidScroll:
            self.collectionView.contentOffset = CGPointMake(0, y);
        }
        
        self.functionView.jh_y = 0;
    } else {
        // 功能view视觉差
        self.headerView.jh_y = y/2;
    }
    
    // 2.功能view透明度 从1到0  0.5时 覆盖导航栏 原正常导航栏显示切换
    float alpha = (1 - y/kFunctionViewHeight*1.5) >0 ? (1 - y/kFunctionViewHeight*1.5): 0;
    
    self.functionView.alpha = alpha;
    if (alpha > 0.5) {
        
        self.normalNavView.alpha = alpha * 2 - 1;
        self.coverNavView.alpha = 0;
    } else {
        
        self.normalNavView.alpha = 0;
        self.coverNavView.alpha = 1 - alpha * 2;
    }

GitHub地址:https://github.com/dhl613/AipayHomeDemo

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » iOS仿支付宝首页效果
分享到: 更多 (0)