Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >iOS骨架屏TABAnimated

iOS骨架屏TABAnimated

作者头像
赵哥窟
发布于 2021-07-21 02:47:46
发布于 2021-07-21 02:47:46
1.2K00
代码可运行
举报
文章被收录于专栏:日常技术分享日常技术分享
运行总次数:0
代码可运行

TABAnimated 地址

下面这张图你也许在主流的App上都见过吧,加载的时候就是显示这个骨架图

image.png

这个就是TABAnimated实现的。

具体使用请看Git Hub的文档和Demo,很赞的就是最新版本支持Xib生成骨架图了。

简单的使用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
在 didFinishLaunchingWithOptions 中初始化 TABAimated

[[TABAnimated sharedAnimated] initWithOnlySkeleton];
[TABAnimated sharedAnimated].openLog = YES;

简单的说下一UITableView的简单使用

初始化
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 self.tableView.tabAnimated = [TABTableAnimated animatedWithCellClass:[TableCell class] cellHeight:180];
    self.tableView.tabAnimated.adjustBlock = ^(TABComponentManager * _Nonnull manager) {
        manager.animation(3).width(100);
  };
   
 [self.tableView tab_startAnimationWithCompletion:^{
       [self setupData];
 }];
网络请求结束后停止动画即可
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 // 停止动画,并刷新数据
 [self.tableView tab_endAnimationEaseOut];

以上就是简单使用,复杂的使用请看文档和Demo,这里就不具体讲解了。这个开源很赞了,再也不需要使用菊花了。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
客户端骨架屏详解
一直以来,无论是Web还是iOS、Android的应用中,为了提升应用的加载等待这段时间的用户感知体验,各种技术层出不穷。其中,尤以菊花图以及由它衍生各种加载动画最为突出。
xiangzhihong
2020/01/14
4.2K0
客户端骨架屏详解
iOS TABAnimated 使用技巧一
由于第一次使用TABAnimated,遇到了很多问题,首先就是对xib支持不怎么友好。
赵哥窟
2021/07/21
1.4K0
iOS TABAnimated 使用技巧一
六天完成一个简单iOS App - 第三天
第三天任务: 今天主要任务完成我的模块的搭建。 我的页面的搭建 清除缓存功能 方法抽取总结 我的页面的搭建 我们先来看一下我的界面内容 我的界面分析 通过上面图片可以看出,我的界面是一个非常简单的ta
xx_Cc
2018/05/10
9390
六天完成一个简单iOS App - 第四天
第四天任务: 今天主要任务完成精华模块的搭建。 精华页面的搭建 精华页面中全部界面的显示 日期的处理 热门评论的显示和处理 精华页面的搭建 精华页面分为全部、视频、声音、图片、段子五个界面,五个界面可
xx_Cc
2018/05/10
1.5K0
iOS开发之多表视图滑动切换示例(仿"头条"客户端)
  好长时间没为大家带来iOS开发干货的东西了,今天给大家分享一个头条新闻客户端各个类别进行切换的一个示例。在Demo中对所需的组件进行的简单封装,在封装的组件中使用的是纯代码的形式,如果想要在项目中进行使用,稍微进行修改即可。   废话少说,先介绍一下功能点,下图是整个Demo的功能点,最上面左边的TabBarButtonItem是用来减少条目的,比如下图有三个按钮,点击减号会减少一个条目。右边的为增加一个条目。点击相应的按钮是切换到对应的表视图上,下方红色的是滑动的指示器,同时支持手势滑动。运行具体效果
lizelu
2018/01/11
3.8K0
iOS开发之多表视图滑动切换示例(仿"头条"客户端)
iOS开发-搜索栏UISearchBar和UISearchController
最近项目中用到了搜索栏,所以在网上搜了一些相关的资料学习了一下,现在记录一下,iOS中的搜索栏实现起来相对简单一点,网上也有很多参考资料,不过靠谱的不是很多,很多都是iOS 8.0之前的实现,iOS 8.0上的实现貌似很少看到,看了一些其他人的代码,使用了一下UISearchController感觉还是非常不错的。好了不多说了 ,来点干货吧。 1 UISearchBar和UIDisplayController实现搜索 是网上最常见的也算是最简单的,也有使用Searh Bar Search Displa
roc
2018/03/30
2.5K0
iOS开发-搜索栏UISearchBar和UISearchController
UITableView性能优化-中级篇
老实说,UITableView性能优化 这个话题,最经常遇到的还是在面试中,常见的回答例如:
小蠢驴打代码
2018/12/27
1.7K0
iOS 性能优化常用技巧总结import
用ARC管理内存 ARC(Automatic ReferenceCounting, 自动引用计数)和iOS5一起发布,它避免了最常见的也就是经常是由于我们忘记释放内存所造成的内存泄露。它自动为你管理retain和release的过程,所以你就不必去手动干预了。忘掉代码段结尾的release简直像记得吃饭一样简单。而ARC会自动在底层为你做这些工作。除了帮你避免内存泄露,ARC还可以帮你提高性能,它能保证释放掉不再需要的对象的内存。 在正确的地方使用 reuseIdentifier 一个开发中常见的错误就是没
rectinajh
2018/05/17
1.1K0
iOS中表视图(UITableView)使用详解
- (instancetype)initWithFrame:(CGRect)frame style:(UITableViewStyle)style;  
珲少
2018/08/15
1.5K0
【iOS】教你用ZFPlayer+KTVHTTPCache搭建缓存,预加载的播放器
mgr实现ZFPlayerMediaPlayback协议,然后在初始化时,开启本地服务器
MapleYe
2020/03/31
8.1K7
【iOS】教你用ZFPlayer+KTVHTTPCache搭建缓存,预加载的播放器
iOS架构入门 - MVC模式实例演示
MVC模式的目的是实现一种动态的程序设计,使后续对程序的修改和扩展简化,并且使程序某一部分的重复利用成为可能。除此之外,此模式通过对复杂度的简化,使程序结构更加直观
小蠢驴打代码
2018/08/08
1.3K0
iOS架构入门 - MVC模式实例演示
【IOS开发基础系列】下拉刷新专题
        如果你装了xcode_4.5_developer_preview,那么在UITableViewController.h文件中你会看到,UITableViewController里面有如下声明,说明UITableViewController已经内置了UIRefreshControl控件
江中散人_Jun
2023/10/16
3200
【IOS开发基础系列】下拉刷新专题
你可能需要为你的 APP 适配 iOS 11
导语:iOS 11 为整个生态系统的 UI 元素带来了一种更加大胆、动态的新风格。 本文介绍iOS11中在UI方面做了哪些更新,有些更新可以为用户提供更加完美的体验,但也有的可能会给目前的APP带来异常bug 前言 前几天发现在做的APP在 iOS11 系统上动画有异常,在其他系统的设备上都是正常的,动画的操作是观察tableView的contentOffset变化后执行的,异常动画发生在tableView reloadData之后,也就是说tableView reloadData之后,tableView的
腾讯Bugly
2018/03/23
1.9K0
iOS面向切面的TableView-AOPTableView
这个是公司很久之前的开源项目,一个大牛写的,在项目中一直有在用,今天有空发了点时间看下如何实现,看了之后感觉挺有收获,故撰此文,分享给需要的同学。
iOSSir
2019/05/11
1.1K0
iOS开发之表视图爱上CoreData
  在接触到CoreData时,感觉就是苹果封装的一个ORM。CoreData负责在Model的实体和sqllite建立关联,数据模型的实体类就相当于Java中的JavaBean, 而CoreData的功能和JavaEE中的Hibernate的功能类似,最基本是两者都有通过对实体的操作来实现对数据库的CURD操作。CoreData中的上下文(managedObjectContext)就相当于Hibernate中的session对象, CoreData中的save操作就和Hibernate中的commit,还
lizelu
2018/01/11
2.4K0
iOS开发之表视图爱上CoreData
iOS - 开发1年后对MVC新的理解
问题来了回到工程项目需求,每个cell都有增加减少按钮 而且需要有选中效果在View层.意味着MVC架构模式中 我在View层对Model进行了修改.
Wilbur-L
2022/03/10
1.2K1
【IOS开发基础系列】Storyboard专题
        如果你的 app 有大量的窗口,故事板能帮你减少许多用于从一个窗口转到另一个窗口的导航代码。与每个viewcontroller一个单独的 nib 文件不同,你的 app 只需用一个故事板文件(其中可以包含所有的viewcontroller 以及它们之间的关系)即可。
江中散人_Jun
2023/10/16
1.8K0
【IOS开发基础系列】Storyboard专题
前端-小程序构建骨架屏的探索
一般情况下,在首屏数据未拿到之前,为了提升用户的体验,会在页面上展示一个loading的图层,类似下面这个:
grain先森
2019/03/29
7600
前端-小程序构建骨架屏的探索
iOS 音乐播放器之锁屏歌词+歌词解析+锁屏效果
功能描述:锁屏歌曲信息、控制台远程控制音乐播放:暂停/播放、上一首/下一首、快进/快退、锁屏状态下列表菜单弹框和拖拽控制台的进度条调节进度(结合了QQ音乐和网易云音乐在锁屏状态下的效果)、歌词解析并随音乐滚动显示。 [总效果预览图.gif] **** 第一部分:锁屏效果包括:锁屏歌曲信息和远程控制音乐播放 ① 锁屏歌曲信息显示 [iOS11以下锁屏信息预览] //展示锁屏歌曲信息:图片、歌词、进度、歌曲名、演唱者、专辑、(歌词是绘制在图片上的) - (void)showLockScreenTotaltime
且行且珍惜_iOS
2018/05/22
2.9K0
六天完成一个简单iOS App - 第六天
第六天任务 推荐标签页面的完成 圆形头像的设置和封装 评论界面的完成 新帖界面的完成 发布界面的完成 推荐标签页面的完成 点击精华页面左上角按钮来到推荐标签界面。 推荐标签界面 推荐标签的实
xx_Cc
2018/05/10
1.4K0
相关推荐
客户端骨架屏详解
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验