iOS 遮罩(mask)效果

最新推荐文章于 2021-05-31 02:26:17 发布
最新推荐文章于 2021-05-31 02:26:17 发布
阅读量3.1k 收藏
点赞数
分类专栏： iOS 文章标签： mask 蒙版 裁剪 遮罩
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013749108/article/details/51869397
版权
本文介绍了如何在iOS中使用layer的mask属性来实现复杂形状的裁剪效果，例如将视图裁剪为特定形状，并提供了一段创建maskView和circleLayer的代码示例。利用mask属性可以轻松达成此类需求，并且还能进一步探索更多的视觉效果。
摘要由CSDN通过智能技术生成

如果把视图裁剪圆形，我们通常会使用给一个视图加圆角的方法。

view.layer.masksToBounds = YES;
view.layer.cornerRadius = view.frame.size.width/2;

但如果需求是裁剪某一部分，如图所示

这里写图片描述

裁剪成如下的样子：

这里写图片描述

这样，上面的方法就不奏效了。

这个时候使用layer的mask的属性，能够简单的解决这个问题。
代码如下：

创建maskView

    maskView &#
最低0.47元/天 解锁文章
江枫夜雨
关注
专栏目录
IOS开发UI篇--使用CAShapeLayer实现复杂的View的遮罩效果
yixiangboy的博客
01-08 9105
一、案例演示最近在整理一个聊天的项目的时候，发送图片的时候，会有一个三角的指向效果，指向这张图片的发送者。服务端返回给我们的图片只是一张矩形的图片，我们如何把一张矩形的图片或者View，加上一层自定义遮罩效果，就是本文要讲的内容。效果演示如下：第一张是一个View的遮罩效果，第二张是UIImageView的遮罩效果。 二、实现机制在每一View的layer层中有一个mask属性，他就是专门来设置该
iOS 图片遮罩动画，图片逐渐显示
最新发布
LeeCSDN77的博客
11-08 472
【代码】iOS 图片遮罩动画，图片逐渐显示。
ios-分段 按钮 遮罩 动画.zip
07-11
这里提供的是思路,代码未封装 源码下载可以到 https://github.com/Songkunda/SegmentButtons //如果感觉不错 记得点下星星
使用CAShapeLayer实现复杂的View的遮罩效果
xiaoliu_iOS的博客
01-20 2301
一、案例演示 最近在整理一个聊天的项目的时候，发送图片的时候，会有一个三角的指向效果，指向这张图片的发送者。服务端返回给我们的图片只是一张矩形的图片，我们如何把一张矩形的图片或者View，加上一层自定义遮罩效果，就是本文要讲的内容。效果演示如下：第一张是一个View的遮罩效果，第二张是UIImageView的遮罩效果。  二、实现机制 在每一View的layer层中有一个ma
iOS-UI之遮罩效果(2)——图片遮罩(刮刮乐效果)
迈克尔杰克创的博客
03-19 1440
iOS-UI之遮罩效果(2)——图片遮罩(刮刮乐效果) 来看看实现步骤 1.先放一张图片，再加一层遮罩 将图片放在一个背景view上作为容器，bgView的颜色就是涂层颜色 let view = UIView() view.backgroundColor = .lightGray bgView.frame = CGRect(x: 0, y: 100, width: kScreenWidth, height: kScreenWidth * 9 / 16)
html遮罩效果mask,H5案例分享：特殊形状图片之遮罩蒙版CSS3-Mask效果
weixin_29185167的博客
05-31 2018
特殊形状图片之遮罩蒙版CSS3-Mask效果小五最近做的项目，需要一个小效果，就是获取用户头像以心形的形状展现在页面上，开始小五想的实现方式是canvas画图或CSS3的clip(剪切)，发现都不理想，和设计稿里的图形美观度相差太大，而且实现起来太麻烦，后来，小五采用了一个CSS3的新增属性完美的解决了这个问题，今天就来和大家分享一下。首先来解释一下遮罩、蒙版：和PS中的蒙版、Flash中的遮罩层...
html遮罩效果mask,css3 mask遮罩实现一些特效
weixin_42494628的博客
05-31 895
声明：本文代码并非作者原创，是在开发过程中，感觉一些特效比较好，就收集一些mask的特效源码，以备将来查阅使用。所有的源码只要不是我自己写的，我会注明出处。如果原作者不愿意被转载使用，请联系我删除相关内容。mask遮罩特效我会持续更新，方便自己以后查阅使用的同时，也希望能给大家带来便利。遮罩mask的功能就是使用透明的图片或渐变遮罩元素的背景。于是，遮罩mask与背景background非常类似，...
IOS如何使用CAShapeLayer实现复杂的View的遮罩效果
01-05
在每一View的layer层中有一个mask属性，他就是专门来设置该View的遮罩效果的。该mask本身也是一个layer层。我们只需要生成一个自定义的layer，然后覆盖在需要遮罩的View上面即可。问题就归于如何生成入上图所示的不...
iOS简单实现遮罩层
03-29
在iOS开发中，遮罩层（Mask Layer）是一种常见的用户界面设计元素，它通常用于在屏幕上覆盖一层半透明或全透明的颜色，以达到部分或全部隐藏底层视图的效果。遮罩层可以用于显示加载提示、弹窗提示或者进行界面过渡...
ios-图片遮罩层-Swift.zip
07-11
1、CALayer 、 CAShapeLayer 什么是CALayer？ CALayer（这里简单地称其为层）。 首先要说的是CALayers 是屏幕上的一个具有可见内容的矩形区域，每个UIView都有一个根CALayer 其子类，如CAGradientLayer，CATextLayer， CAShapeLayer等等 2 、CAShapeLayer CAShapeLayer 是继承与clayer的一个类，是quare2d中对图层操作最基本的一个类的扩展，通过CAShapeLayer 我们可以画出我们需要的各种图形，和UIBezierPath结合时，进行各种绘制 使用UIBezierPath绘制图形
CALayer.Mask（遮罩）实现iphone图标的水晶立体效果
09-26
通过遮罩完成以上效果，代码非常简单，不过需要准备遮罩层要用的alpha通道图片，对于非常非常不美工的我来说，用d版的fireworks搞掂
iOS 7蒙版特效Demo
09-29
主要可以拿来重复利用的是iOS7蒙版特效及datePicker隐藏出现动画。当然还有其它不错的功能，谁用谁知道。
iOS 遮罩层
赵前的博客
09-29 3753
在平时的开发中经常会用到遮罩层，类似于你在点击退出的时候屏幕上只能点击的有“确定”和“取消”，而后面有一层黑色的视图，点击没有任何响应。黑色的视图就是一个遮罩层（我叫它遮罩层）。这个可以用来做退出按钮，做网络加载是的视图。废话不多说，下面是我写的一个关于遮罩层的应用，先看效果，然后在贴代码 代码如下： 首先我在故事板中创建了一个点击按钮，然后将按钮拖到ViewControlle
iosmask_IOS 屏幕遮罩 Mask
weixin_42400621的博客
12-30 263
效果图如下：//alpha 0.0白色alpha 1：黑色alpha 0～1：遮罩颜色，逐渐self.backgroundColor= [UIColorcolorWithRed:0green:0blue:0alpha:0.4]; 代码如下：#import "TFMaskView.h"@interface TFMaskView(){UIView *_backGroundView;}@end...
UIImage 和 CALayer 的遮罩
C
04-18 1769
1. UIImage 遮罩   - (void)yourMaskFunction() { UIImage *originalImage = [UIImage xxx]; UIImage *maskImage = [UIImage xxx]; UIImage *maskedImage = [self maskImage: originalIma
Ping转场动画的实现之一：mask遮罩
老明的专栏
02-13 2826
PS：用MarkDown看不到文章详情，重新编辑。 实在不知道怎么描述这个动画，有点像圆形扩散，还是直接看图吧！ 首先，要明白两样东西；第一：mask遮罩层，这又是什么东西，再看图： 顾名思义，遮罩就是给一个view添加一层，让这个view只显示遮罩范围内的部分，其他部分被遮住。mask是什么？每一个UIView都有一个CALayer属性，每一个CALayer都有ma
IOS 屏幕遮罩 Mask
robinson_911的专栏
03-20 4934
#import "TFMaskView.h" @interface TFMaskView() { UIView *_backGroundView; } @end @implementation TFMaskView - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame];
uiimageView遮罩层、iOS不规则的ImageView
wu347771769的专栏
06-26 2553
转自 ： http://www.it165.net/pro/html/201411/27187.html 又加以整理 #import "ShapedImageView.h" @interface ShapedImageView() { CALayer *_contentLayer; CAShapeLayer *_maskLayer; } @end
iOS Mask属性详解：自定义透明与镂空实例
iOS中的Mask属性是一种强大的工具，用于实现精细的UI自定义透明度和镂空效果，特别是在处理复杂图形和动画时。它并不是仅仅局限于`masksToBounds`这样的常见用途，而是可以应用于多个场景，提升界面设计的灵活性。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值