没有合适的资源？快使用搜索试试~ 我知道了~

首页CALayer.Mask（遮罩）实现iphone图标的水晶立体效果

CALayer.Mask（遮罩）实现iphone图标的水晶立体效果

iphone图标

5星 · 超过95%的资源需积分: 50 62 下载量 145 浏览量更新于2023-03-16 评论收藏 49KB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

3页

通过遮罩完成以上效果，代码非常简单，不过需要准备遮罩层要用的alpha通道图片，对于非常非常不美工的我来说，用d版的fireworks搞掂

资源详情

资源评论

资源推荐

昨天打

群雄一

下打了

两个“破

敌 ”，比

较空虚，

然后想

起周末

觉得自

己应用

中的图

案都是

纯用

Path

画的平

面效果，

比较土，就研究了一下如何实现点时尚的效果。

最终完成效果如下:

而原图效果只是这样：

通过遮罩完成以上效果，代码非常简单，不过需要准备遮罩层要用的 alpha

通道图片，对于非常非常不美工的我来说，用 d 版的 reworks 搞掂：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

yangbo90

2014-05-26

主要是实现了图片的遮罩显示功能，学习一下，还有详细的.doc解释文件

为下列代码实现可暂停效果： import UIKit class ViewController: UIViewController { private let radarAnimation = "radarAnimation" private var animationLayer: CALayer? private var animationGroup: CAAnimationGroup? private var opBtn: UIButton! override func viewDidLoad() { super.viewDidLoad() let first = makeRadarAnimation(showRect: CGRect(x: 120, y: 100, width: 100, height: 100), isRound: true) view.layer.addSublayer(first) opBtn = UIButton(frame: CGRect(x: 100, y: 450, width: 80, height: 80)) opBtn.backgroundColor = UIColor.red opBtn.clipsToBounds = true opBtn.setTitle("Hsu", for: .normal) opBtn.layer.cornerRadius = 10 view.addSubview(opBtn) let second = makeRadarAnimation(showRect: opBtn.frame, isRound: false) view.layer.insertSublayer(second, below: opBtn.layer) } @IBAction func startAction(_ sender: UIButton) { animationLayer?.add(animationGroup!, forKey: radarAnimation) } @IBAction func stopAction(_ sender: UIButton) { animationLayer?.removeAnimation(forKey: radarAnimation) } private func makeRadarAnimation(showRect: CGRect, isRound: Bool) -> CALayer { // 1. 一个动态波 let shapeLayer = CAShapeLayer() shapeLayer.frame = showRect // showRect 最大内切圆 if isRound { shapeLayer.path = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: showRect.width, height: showRect.height)).cgPath } else { // 矩形 shapeLayer.path = UIBezierPath(roundedRect: CGRect(x: 0, y: 0, width: showRect.width, height: showRect.height), cornerRadius: 10).cgPath } shapeLayer.fillColor = UIColor.orange.cgColor // 默认初始颜色透明度 shapeLayer.opacity = 0.0 animationLayer = shapeLayer // 2. 需要重复的动态波，即创建副本 let replicator = CAReplicatorLayer() replicator.frame = shapeLayer.bounds replicator.instanceCount = 4 replicator.instanceDelay = 1.0 replicator.addSublayer(shapeLayer) // 3. 创建动画组 let opacityAnimation = CABasicAnimation(keyPath: "opacity") opacityAnimation.fromValue = NSNumber(floatLiteral: 1.0) // 开始透明度 opacityAnimation.toValue = NSNumber(floatLiteral: 0) // 结束时透明底 let scaleAnimation = CABasicAnimation(keyPath: "transform") if isRound { scaleAnimation.fromValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 0, 0, 0)) // 缩放起始大小 } else { scaleAnimation.fromValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 1.0, 1.0, 0)) // 缩放起始大小 } scaleAnimation.toValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 1.5, 1.5, 0)) // 缩放结束大小 let animationGroup = CAAnimationGroup() animationGroup.animations = [opacityAnimation, scaleAnimation] animationGroup.duration = 3.0 // 动画执行时间 animationGroup.repeatCount = HUGE // 最大重复 animationGroup.autoreverses = false self.animationGroup = animationGroup shapeLayer.add(animationGroup, forKey: radarAnimation) return replicator } }

为了实现可暂停效果，我们需要记录动画的当前状态并在暂停时保存状态，在恢复时重新加载状态。首先，我们需要添加一个布尔类型的变量 `isPaused` 来记录动画是否被暂停： ```swift private var isPaused = false ...

swift 实现图片三d展示

Swift语言可以实现图片三维展示，可以使用Core Graphics、Core Animation、SceneKit等框架实现，也可以使用第三方库例如ARKit进行开发。使用Core Graphics可以通过对图片进行变换、旋转、缩放等来实现三维效果。...

iOS给view添加圆角防止离屏渲染

3. 如果必须使用 mask 实现圆角，可以使用 CAShapeLayer 来创建一个圆角矩形的路径，并将其设置为 mask，这样也可以避免离屏渲染。 4. 如果以上方法无法解决问题，可以考虑将圆角矩形的背景色与父视图的背景色设置...

ios core animation: advanced techniques

一、图层动画：利用CALayer对象进行一些高级的图层动画效果，比如3D变换、阴影效果、遮罩等。通过对图层的属性进行动画处理，可以创建出非常生动、具有立体感的界面交互效果。二、隐式动画和显式动画：讲解了隐式...

ios anchorpoint 动画

AnchorPoint是iOS中常用的一个属性，用来指定CALayer或UIView的固定参考点，默认值为{0.5,0.5}即图层或视图的中心点。AnchorPoint的改变可以对图层或视图的位置、旋转、缩放等产生影响，是实现动画效果的重要因素之...

core animation 源码

Core Animation 是苹果推出的用于处理界面动画的框架，该框架能够在 iOS 和 macOS 平台上实现流畅的界面动画效果。Core Animation 的源码主要包含了各种动画效果的实现原理、动画层的构建和管理、动画时间轴的控制等...

CAtextLayer如何保存到NSImage

1. 创建一个`CALayer`对象，将`CATextLayer`添加到该层中。 2. 创建一个`NSBitmapImageRep`对象，设置其大小与`CALayer`对象相同。 3. 将`CALayer`对象渲染到`NSBitmapImageRep`对象中。 4. 创建一个`NSImage`对象，...

iOS 如何开发动态壁纸功能

要在iOS上实现动态壁纸功能，您可以按照以下步骤进行： 1.创建一个新的Xcode项目，并选择Single View Application模板。 2.在Assets.xcassets中创建包含动态壁纸图像的图像集。 3.在AppDelegate.swift文件中添加...

IOS AVFoundation面试题

AVPlayerLayer是一个CALayer子类，用于在iOS和macOS应用程序中显示视频内容。它可以显示一个AVPlayer对象的输出，并且支持全屏播放、画中画、视频内容缩放等功能。 5. 如何使用AVFoundation实现视频播放？在使用...

iOS 使用OC如何开发动态壁纸功能

要在iOS上使用Objective-C实现动态壁纸功能，您可以按照以下步骤进行： 1.创建一个新的Xcode项目，并选择Single View Application模板。 2.在Assets.xcassets中创建包含动态壁纸图像的图像集。 3.在AppDelegate.m...

animationRunning怎么获得

3. 如果你使用的是基于CALayer的动画，你可以在CALayer的代理方法中设置一个标志来表示动画是否正在运行，如下所示： ``` class MyLayerDelegate: NSObject, CALayerDelegate { var animationRunning = false ...

ios如何解决显示的字段因刷新导致的闪烁，闪烁时会消失的情况

4. 在 UITableViewCell 或 UICollectionViewCell 中使用 CALayer 的 maskToBounds 属性来裁剪视图。这可以避免子视好，能够灵活运用于实际情境。 99. 学习态度积极，能够积极反思图在边缘处显示不完整而导致的闪烁。...

ijkplayer 接入avplayer

你可以创建一个CALayer对象，并将其设置为AVPlayerLayer的playerLayer属性。 5. 使用AVPlayer的相关方法来控制视频的播放、暂停、快进、音量等操作。需要注意的是，ijkplayer是一个独立的音视频播放器，并不是...

nagu750809695

粉丝: 0
资源: 16

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

CALayer.Mask（遮罩）实现iphone图标的水晶立体效果

评论6

会员权益专享

最新资源

CALayer.Mask（遮罩）实现iphone图标的水晶立体效果

评论6

iOS简单实现遮罩层

iOS mask 层和 CAShapeLayer层中间挖去一部分

ios-阴影遮罩.zip

设置UIButton,UITextFild边框圆角（上半边或下半边）

swift实现边框效果

ios 开发 抠图换背景

代码模拟_UIPickerHighlightView实现高亮显示

swift 实现图片三d展示

iOS给view添加圆角防止离屏渲染

ios core animation: advanced techniques

ios anchorpoint 动画

core animation 源码

CAtextLayer如何保存到NSImage

iOS 如何开发动态壁纸功能

IOS AVFoundation面试题

iOS 使用OC如何开发动态壁纸功能

animationRunning怎么获得

ios如何解决显示的字段因刷新导致的闪烁，闪烁时会消失的情况

ijkplayer 接入avplayer

会员权益专享

最新资源

ios 开发抠图换背景