iOS --- 使用Shimmer来在Swift工程中添加微光闪烁的特效

最新推荐文章于 2021-10-08 15:44:26 发布
VIP文章 最新推荐文章于 2021-10-08 15:44:26 发布
阅读量2.5k 收藏
点赞数
分类专栏： iOS-Swift iOS移动开发 文章标签： iOS Shimmer Bridging Header 闪烁
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/icetime17/article/details/49871531
版权

Shimmer是Facebook在Paper中用于添加微光闪烁特效标签的工具，可实现类似iPhone滑动锁屏的效果如图：
效果如图

Swift工程中添加Shimmer

若要在Swift工程中使用Objective-C的类库，需添加Bridging Header文件

//  DemoShimmerBridgingHeader.h
#import "FBShimmering.h"
#import "FBShimmeringLayer.h"
#import "FBShimmeringView.h"

在Build Settings里边的Swift Complier中添加Objective-C的Bridging Header文件即可：
这里写图片描述

使用实例

Shimmer的使用非常简单，要先设置好FBShimm

最低0.47元/天 解锁文章
踩着七色的晕菜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SwiftUI 动画特效库大全之18个超酷文本动画库 泛型泛型传递
iCloudEnd的博客
02-09 935
实战需求 SwiftUI 动画特效库大全之18个超酷文本动画库 泛型泛型传递ATTextAnimateEffect 本文价值与收获 看完本文后，您将能够作出下面的界面 1、Random Typo Effect 随机打印效果 2、 Typo Effect 打字效果 3、Paper Effect 翻页动画效果 4、 Chain Effect 链式动画效果 5、Chime Bell Effect 敲响钟声的动画特效 6、Curtain Effect 窗帘效果 7、Drop
swift-LoadingShimmer等待网络请求回来时的闪图
08-15
LoadingShimmer等待网络请求回来时的闪图
swift-Shimmer一个简单的方法来为iOS应用中任何视图添加一个简单闪烁的效果
08-15
Shimmer 一个简单的方法来为iOS应用中任何视图添加一个简单，闪烁的效果
swift4.0类似QQ消息的拖拽黏性效果
weixin_34221775的博客
02-24 78
Tip：考虑到使用的方便，所有需要用UIView的category实现 github地址： https://github.com/zjjzmw1/BlastView 需要用到的技术点： 1. Category中添加属性（runtime -- objc_setAssociatedObject） 2. 爆炸动画效果（粒子爆炸效果和图片的帧动画2中方式） 3. 拖拽view的贝塞尔曲线（两个圆，两条线）...
iOS、mac开源项目及库汇总
weixin_34067049的博客
04-06 1025
2019独角兽企业重金招聘Python工程师标准>>> ...
Swift动画 —— Shimmer（使用Gradient Masks添加微光闪烁的特效）
LinShunIos的博客
10-08 745
完成效果： 首先在viewDidLoad将视图的背景色修改为: view.backgroundColor = UIColor(white: 1, alpha: 0.1) 接下来创建一个UILabel：文字为Shimmer，颜色为白色，字体大小为80，文字居中对齐,赋予frame之后添加为视图的子View。这样运行后就能看到一个文字内容为白色的Shimmer的Label了 let darkTextLabel = UILabel() darkTextLabel.text = "S
shimmer的使用
CQAHF的博客
01-10 1328
1、shimmer是一款优秀的动态提示框效果三方库，该库由Facebook开源，同时支持Android、iOS、jiava等的支持。 2、shimmer的使用相当简单，通过pod管理导入到项目即可。 3、具体使用如下代码 #import "ShimmerVC.h" #import <FBShimmeringView.h> #import <FBShimmeringLaye...
shimmer文字闪烁动画的使用
COOL_BEAR_XX的专栏
04-09 1979
IOS中，手机解锁时的文字渐变闪烁效果的实现， 效果如图所示， 这里引入一个第三方类来实现效果，从code4APP上下载shimmer类，在工程文件中引入FBshimmering文件夹，在需要的文件中引入头文件 "FBShimmeringView.h" 如下设置文字即可实现文字闪烁功能： FBShimmeringView * shimmmeringView = [[FBShi
更强的微光闪烁效果--第三方开源--Shimmer-android
xzylx1的博客
12-10 822
Shimmer-android在github上的项目主页是：https://github.com/RomainPiel/Shimmer-android  Shimmer-android干脆在Android TextView，Button的基础上重新写了ShimmerTextView和ShimmerButton。如果只是需要将一段文字实现Shimmer效果，直接使用ShimmerTextView即
swift-闪烁的文字多种闪烁效果
08-15
闪烁的文字，多种闪烁效果
Shimmer(iPhone源代码)
03-18
来源：github/ShimmerLicence：BSD作者：Facebook     给任意视图添加闪烁效果。
UIView-Shimmer:使用Core Animation将花哨的闪光效果应用到iOS应用程序的任何UIView元素的简单方法
05-26
将闪光效果应用于iOS应用程序的任何视图及其子视图的超级简单方法。 要求 iOS 10以上 安装 可可豆 UIView-Shimmer可通过。 要安装它，只需将以下行添加到您的Podfile中： pod 'UIView-Shimmer' , '~> 1.0' 然后导入 import UIView_Shimmer 迅捷软件包管理器 UIView-Shimmer可通过Swift Package Manager获得。 要添加软件包，请转到File -> Swift Packages -> Add Package Dependancy name : "UIView-Shimmer" url : https : //github . com / omerfarukozturk / UIView - Shimmer . git version : 1.0 . 2 曼努埃尔 如果您不想
swift-ZYShimmer-为View添加闪烁流光的效果
08-15
ZYShimmer - 为View添加闪烁流光的效果
iOS流光效果
12-31
简单的实现图片流光效果。整理后发上来以供参考。
nativescript-shimmer：NativeScript应用程序的Facebook闪光效果-iOS和Android
02-04
NativeScript微光Facebook为您的NativeScript应用... 使用以下本机插件： iOS： ： Android： ： 演示版用法main-page.xml ： < Page xss=removed xss=removed xss=removed> < StackLayout> < sh xss=removed> < L
compose-shimmer:一个 Jetpack 组合修改器，可为任何组合添加闪烁效果
05-31
一个 Jetpack 组合修改器，可为任何小部件添加闪烁效果。 MyComponent( modifier = Modifier.shimmer() ) 与Compose版本1.0.0-alpha09兼容 下载 可通过 jitpack 获得。 将 Maven 存储库添加到您的根build.gradle ...
Android-Shimmer-Example:一个示例项目，演示如何在Android应用程序中使用Shimmer
04-15
Android Shimmer Example-一个示例项目，演示如何在Android应用程序中使用Shimmer 参考博客分步指南-
react-native-shimmer-placeholder：React Native的占位符框架
02-05
npm i react-native-shimmer-placeholder --save 要么 yarn add react-native-shimmer-placeholder 用法 简单 对于expo import ShimmerPlaceholder from ' react-native-shimmer-placeholder ' < Te
npm run build --report
最新发布
02-06
这个命令会让 npm 运行你在 package.json 文件中的 "build" script，并且会生成一份构建报告。这份报告可以帮助你更好地理解构建过程中发生了什么，如果有任何问题，这份报告也可以帮助你进行调试。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值