iOS类似微博、抖音、网易云等个人详情页滑动嵌套效果

GKPageScrollView是一个UIScrollview嵌套滑动库，主要参考了JXPagingView，在他的基础上做了修改，实现了自己想要的效果。

GKPageSmoothView是一个可延续滑动的UIScrollView嵌套滑动库

特性

GKPageScrollView

• 支持上下滑动、左右滑动，手势返回等
• 支持如UITableView的sectionView的悬停效果
• 支持多种分页控件，如JXCategoryView,WMPageController,VTMagic等
• 可实现导航栏颜色渐变、头图下拉放大等效果
• 支持主页、列表页下拉刷新，列表页上拉加载
• 支持列表懒加载创建

GKPageSmoothView

• 支持上下滑动、左右滑动、手势返回等
• 支持顶部悬停、底部悬停
• 支持底部悬停拖拽，可实现豆瓣电影详情页效果
• 支持如JXCategoryView,JXSegmentedView等的分段控件
• 可实现导航栏颜色渐变、头图下拉放大等效果
• 支持主页下拉刷新、列表页上拉加载

1.5.0升级指南

1.5.0版本以后，使用swift版本需
pod 'GKPageScrollView/Swift'
pod 'GKPageSmoothView/Swift'

使用方法

1、手动安装

下载GKPageScrollView demo

• Objective-C：
  拖入Source/GKPageScrollView文件夹中的.h和.m文件，#import "GKPageScrollView.h"，开始使用
  拖入Source/GKPageSmoothView文件夹中的.h和.m文件，#import "GKPageSmoothView.h"，开始使用

• Swift：
  拖入Source/GKPageScrollViewSwift文件夹中的.swift文件，开始使用
  拖入Source/GKPageSmoothViewSwift文件夹中的.swift文件，开始使用

2、CocoaPods安装：

• Objective-C：
  pod 'GKPageScrollView' then #import <GKPageScrollView/GKPageScrollView.h>
pod 'GKPageSmoothView' then #import <GKPageSmoothView/GKPageSmoothView.h>

• Swift：
  pod 'GKPageScrollViewSwift' then import GKPageScrollViewSwift
pod 'GKPageSmoothViewSwift' then import GKPageSmoothViewSwift

如果发现pod search GKPageScrollView/GKPageScrollViewSwift 不是最新版本，在终端执行pod setup命令更新本地spec镜像缓存，重新搜索即可。

3、Swift Package Manager 安装

依次点击 Xcode 的菜单 File > Swift Packages > Add Package Dependency，填入 https://github.com/QuintGao/GKPageScrollView.git
选择需要使用的库，GKPageScrollView/GKPageScrollViewSwift/GKPageSmoothView/GKPageSmoothViewSwift

常见问题

• 1、headerView出现多个，不要在headerView代理方法中做视图创建、添加等操作

• 2、手势处理

• 3、listView使用UICollectionView崩溃，参考demo中的GKBaseCollectionViewLayout，重写collectionViewContentSize

• 4、关于GKPageScrollView的懒加载方式

  • 1.8.6及之前版本，需设置categoryView.contentScrollView

     _categoryView.contentScrollView = self.pageScrollView.listContainerView.collectionView;
  

  • 1.8.7及之后版本，需设置categoryView.listContainer

     // OC版本
     _categoryView.listContainer = (id<JXCategoryViewListContainer>)self.pageScrollView.listContainerView;
  
     // Swift版本
     // 1.实现JXSegmentedViewListContainer协议
     extension GKPageListContainerView: JXSegmentedViewListContainer {}
  
     // 2.设置listContainer
     segmentedView.listContainer = self.pageScrollView.listContainerView
  

效果图

说明	效果图
微博个人主页
微博发现页
网易云歌手页
抖音个人主页
主页下拉刷新
列表下拉刷新
列表懒加载
嵌套滑动1
嵌套滑动2
豆瓣电影详情

说明

iOS-多个UIScrollView滑动嵌套(仿微博、抖音、网易云个人详情页)
iOS用GKPageScrollView实现微博发现页滑动效果
iOS用GKPageScrollView实现多层分类嵌套滑动
【iOS】仿豆瓣电影详情页嵌套滑动效果

版本更新

作者

• QQ： 1094887059

• QQ群：1047100313

• 简书

• 支持作者

回到顶部