美文网首页
iOS - 骨架屏加入上拉加载功能

iOS - 骨架屏加入上拉加载功能

作者: tigerAndBull | 来源:发表于2020-06-07 00:53 被阅读0次

前言

本文说明TABAnimated 2.4.0的上拉加载功能

基本原理

在原理上没有什么新意,和普通的上拉加载原理一致,基于KVO监听UIScrollView的contentOffSet和contentInset。
不过,在展示上不再是传统的loading,而是骨架图。
并且这个骨架图是基于TABAnimated内部的骨架屏生产流程进行制作的,共享缓存、复用池、配置信息、调整回调。

效果图

上拉加载.gif

使用方式

block形式

[_tableView tab_addPullLoadingActionHandler:^{
     // 开发者在此处进行数据请求
     // 模拟数据请求
     [self performSelector:@selector(loadMoreData) withObject:nil afterDelay:0.5];
}];

block形式绑定class、height

[_tableView tab_addPullLoadingClass:TestTableViewCell.class viewHeight:100 actionHandler:^{
    // 开发者在此处进行数据请求
    // 模拟数据请求
    [self performSelector:@selector(loadMoreData) withObject:nil afterDelay:0.5];
}];

消息传递形式

- (void)tab_addPullLoadinTarget:(id)target selector:(SEL)selector;
- (void)tab_addPullLoadingClass:(nonnull Class)pullLoadingClass viewHeight:(CGFloat)viewHeight target:(id)target selector:(SEL)selector;

停止刷新

- (void)tab_stopPullLoading;

永远停止刷新

- (void)tab_stopPullLoadingNoMoreData;

相关文章

  • iOS - 骨架屏加入上拉加载功能

    前言 本文说明TABAnimated 2.4.0的上拉加载功能 基本原理 在原理上没有什么新意,和普通的上拉加载原...

  • ios - 原生骨架屏,网络加载过渡动画的封装

    ios - 原生骨架屏,网络加载过渡动画的封装 ios - 原生骨架屏,网络加载过渡动画的封装

  • 骨架屏( Skeleton Screen )

    骨架屏 什么是骨架屏 骨架屏英文叫 Skeleton Screen,也被称为加载占位图。它是在页面数据尚未加载前先...

  • SPA应用性能优化问题

    解决空白屏问题 组件懒加载和路由懒加载 骨架屏 骨架屏(skeleton screen)已经不是什么新奇的概念,他...

  • 骨架屏加载

    前言 在Android开发过程中,我们不免会用到数据加载过渡动画,最常用的就是“菊花”加载,或者其他的一些动画lo...

  • SVPullToRefresh使用

    iOS中许多页面都是tableView,而不少tableView都需要提供下拉刷新、上拉加载等功能。MJRefre...

  • 紫金山app的优化工作

    一.去除masory布局警告,排除NSTimer,block以及通知等循环引用问题。 二.加入预加载功能 三.上拉...

  • App嵌入H5页面白屏

    解决办法: 1.H5加入loading或者骨架屏 2.安卓加一个进度条 3.vue cdn加载

  • 需求分析:加载更多

    Part.One 功能概述 功能名称 加载更多 功能描述 点击“加载更多”按钮、或上拉列表时,加载更多的内容。 使...

  • 交互设计

    添加骨架屏,例如 ant design 的 添加 loading 加载状态及对应图标

网友评论

      本文标题:iOS - 骨架屏加入上拉加载功能

      本文链接:https://www.haomeiwen.com/subject/apunzhtx.html