pujiaxin33 / Jxpagelistview
Licence: mit
高仿闲鱼、转转、京东、中央天气预报等主流APP列表底部分页滚动视图
Stars: ✭ 377
Projects that are alternatives of or similar to Jxpagelistview
Jxsegmentedview
A powerful and easy to use segmented view (segmentedcontrol, pagingview, pagerview, pagecontrol, categoryview) (腾讯新闻、今日头条、QQ音乐、网易云音乐、京东、爱奇艺、腾讯视频、淘宝、天猫、简书、微博等所有主流APP分类切换滚动视图)
Stars: ✭ 1,905 (+405.31%)
Mutual labels: paging, scrollview, page, segment
Hvscrollview
这不是框架,只是3个示例程序,给大家提供一个实现这种布局的思路
Stars: ✭ 584 (+54.91%)
Mutual labels: scrollview, page, segment
Jxcategoryview
A powerful and easy to use category view (segmentedcontrol, segmentview, pagingview, pagerview, pagecontrol) (腾讯新闻、今日头条、QQ音乐、网易云音乐、京东、爱奇艺、腾讯视频、淘宝、天猫、简书、微博等所有主流APP分类切换滚动视图)
Stars: ✭ 5,561 (+1375.07%)
Mutual labels: scrollview, page, segment
React Native Directed Scrollview
UNMAINTAINED- see below. A natively implemented scrollview component which lets you specify different scroll directions for child content.
Stars: ✭ 139 (-63.13%)
Mutual labels: scroll, scrollview
Rsdayflow
iOS 7+ Calendar (Date Picker) with Infinite Scrolling.
Stars: ✭ 843 (+123.61%)
Mutual labels: scroll, scrollview
React Native Swiper Flatlist
👆 Swiper component implemented with FlatList using Hooks & Typescript + strict automation tests with Detox
Stars: ✭ 217 (-42.44%)
Mutual labels: scroll, scrollview
Dotnetpaging
Data paging with ASP.NET and ASP.NET Core
Stars: ✭ 70 (-81.43%)
Mutual labels: paging, pager
Vmtouch
Portable file system cache diagnostics and control
Stars: ✭ 1,341 (+255.7%)
Mutual labels: paging, page
any-scroll
🚀 模拟scrollview, 支持pc/移动端, 让实现Tab/Slider等组件轻而易举.
Stars: ✭ 45 (-88.06%)
Mutual labels: scroll, scrollview
Txscrolllabelview
🌭TXScrollLabelView, the best way to show & display information such as adverts / boardcast / onsale e.g. with a customView.
Stars: ✭ 714 (+89.39%)
Mutual labels: scroll, scrollview
Aquaman
A pure-Swift library for nested display of horizontal and vertical scrolling views
Stars: ✭ 228 (-39.52%)
Mutual labels: scrollview, page
Unitydynamicscrollrect
An optimized approach to lists with dozens of elements and a Pooling system
Stars: ✭ 157 (-58.36%)
Mutual labels: scroll, scrollview
Jxpagingview
类似微博主页、简书主页等效果。多页面嵌套,既可以上下滑动,也可以左右滑动切换页面。支持HeaderView悬浮、支持下拉刷新、上拉加载更多。
Stars: ✭ 2,309 (+512.47%)
Mutual labels: scrollview, page
Vue List Scroller
Simple and easy to use Vue.js component for efficient rendering large lists
Stars: ✭ 65 (-82.76%)
Mutual labels: list, scroll
KPSmartTabBar
A fully customisable and flexible tab bar controller
Stars: ✭ 37 (-90.19%)
Mutual labels: segment, pager
Transformerslayout
🔥 App金刚区导航菜单,类似淘宝、QQ音乐等APP导航,方格布局横向多行滑动翻页带滚动条
Stars: ✭ 258 (-31.56%)
Mutual labels: page, pager
Shazam
A pure-Swift library for nested display of horizontal and vertical scrolling views
Stars: ✭ 69 (-81.7%)
Mutual labels: scrollview, page
JXPageListView
高仿闲鱼、转转、京东、中央天气预报等主流APP列表底部分页滚动视图
特性
- 上下左右滚动交互流畅;
- 支持MJRefresh等header加载;
- 支持HUD loading加载;
- 支持底部分类滚动列表状态保存;
- 支持底部分类滚动列表状态不保存;
效果预览
说明 | GIF |
---|---|
上下左右交互 | |
MJRefresh刷新加载 | |
HUD loading加载 | |
保存底部列表滚动状态 | |
不保存底部列表滚动状态 | |
JXPagingView 如果只需要HeaderView 请点击查看该库JXPagingView 请点击查看该库JXPagingView 请点击查看该库JXPagingView |
使用
- 初始化
pageListView
self.pageListView = [[JXPageListView alloc] initWithDelegate:self];
- 配置分类视图
pinCategoryView
self.pageListView.pinCategoryView.titles = self.titles;
- 成为mainTableView的代理,像使用普通UITableView一样使用它;
self.pageListView.mainTableView.dataSource = self;
self.pageListView.mainTableView.delegate = self;
-
UITableViewDataSource, UITableViewDelegate
代理方法实现
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
return 1 + “你的顶部内容section数量”;//底部的分类滚动视图需要作为最后一个section
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
if (section == 2) {
//Tips:最后一个section(即listContainerCell所在的section)需要返回1
return 1;
}
//返回你的顶部内容 row number
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
if (indexPath.section == 2) {
//Tips:最后一个section(即listContainerCell所在的section)返回listContainerCell的高度
return [self.pageListView listContainerCellHeight];
}
//返回你的顶部内容 cell height
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
if (indexPath.section == 2) {
//Tips:最后一个section(即listContainerCell所在的section)配置listContainerCell
return [self.pageListView listContainerCellForRowAtIndexPath:indexPath];
}
//返回你的顶部内容 cell
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
//Tips:需要传入mainTableView的scrollViewDidScroll事件
[self.pageListView mainTableViewDidScroll:scrollView];
}
-
JXPageViewDelegate
代理方法实现
//返回底部的列表视图
- (NSArray<UIView<JXPageListViewListDelegate> *> *)listViewsInPageListView:(JXPageListView *)pageListView {
return self.listViewArray;
}
JXPagingView推荐
如果你只想找一个顶部只有少量视图(类似TableHeaderView的概念),推荐你看我的这个库:JXPagingView
JXCategoryView推荐
如果你想要支持所有主流APP分类切换效果的框架,推荐你看我的这个库,目前已经1.4k stars:JXCategoryView
补充
有任何疑问欢迎通过以下方式联系我:
- 提issue;
- 邮箱:[email protected]
- QQ:317437087
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].