自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 iOS 动画 - 窗景篇(三·完结)

这篇文章是系列文章的第三篇。看过上一篇文章的朋友,已经知道标题中的“景”指代 view,“窗”指代 view.mask,窗景篇就是在梳理 mask 及 mask 动画。如果你还不熟悉 iOS 的 mask,建议先看一下第一篇。前两篇我们介绍了 mask、mask 动画的一些用法。这一篇作为收尾,我们来实现一个效果练练手,也借这个效果,让大家回忆起一个简单的道理:复杂的效果,可以等价于简单效果的组合。一、效果这个效果如下面的动图所示:我们截取比较有代表性的一帧,如下图所示:从图中可以看到,

2020-06-28 09:31:55 264

原创 iOS 动画 - 窗景篇(二)

本文是系列文章的第二篇。看过上一篇文章的同学,已经知道标题中的“景”指代 view,“窗”指代 view.mask,窗景篇就是在梳理 mask 及 mask 动画。如果你还不熟悉 iOS 的 mask,建议先看一下第一篇。相对于景来说,窗的变化更多样一些,所以本文我们重点来看一下窗的效果。我们从3个维度来看:窗在动吗?窗在变吗?有几个窗?很多动画就是这3个维度的单独体现,或者组合后的效果。我们先看一下各个维度的单独效果,然后再来看一下它们的组合效果。一、窗动前文中,我们用一个圆作为窗,先贴张图回

2020-06-08 09:17:19 267

原创 iOS 动画 - 窗景篇(一)

iOS 有一种动画,使用虽然简单,但能实现很多有趣的效果,那就是 mask 动画。如果你还不了解 mask 动画,看完本系列文章后,你可以学会这种动画。如果你已经使用过了,本文也能帮你梳理一下,让你使用起来更方便。本系列文章共3篇,作为系列的开篇,我们首先要搞清楚一个问题:什么是 mask。一、什么是 maskmask 是 UIView 或 CALayer 的一个属性,它决定了 view 或 layer 的哪一部分能被我们看到。本文为了方便讲述,主要使用 view 和它的 mask 属性。

2020-06-02 09:01:11 487

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除