时间:2021-05-20
先来看看效果图
这个效果写起来挺简单,主要运用下面几个知识点
layer 的mask : 图层蒙版
layer 的shadowPath : 绘制自定义形状阴影
UIBezierPath :绘制六边形路线
说完知识点下面上代码了
绘制六边形的路线
绘制一个六边形的layer,并把image 赋值到contents 上
创建一个CALayer,将六边形layer 添加到CALayer上,并绘制模糊阴影
CALayer *completeLayer = [CALayer layer]; completeLayer.frame = CGRectMake(10, 10, self.bounds.size.width-10, self.bounds.size.height-10); [completeLayer addSublayer:hexagonLayer]; completeLayer.shadowOpacity = 1.0f; completeLayer.shadowPath = [self getCGPath:hexagnoRect.size.width]; completeLayer.shadowOffset = CGSizeMake(-10, -10); completeLayer.shadowColor = self.hg_shadowColor.CGColor; [self.layer addSublayer:completeLayer];总结
好了,以上就是在iOS中实现图片六边形的全部内容了,希望本文能对大家开发iOS有所帮助,如果有疑问大家可以留言交流。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文主要介绍了css实现六边形图片的示例代码,分享给大家,具体如下:不说别的,先上效果:用简单的div配合伪元素,即可‘画出’这幅六边形
说下两种css制作正六边形的方法。先看一下结果:在之前要先了解一下正六边形内角和边的关系,正六边形的每个内角是60deg,如图(√3其实是根号3):
一、前言六边形能力图如下,由6个六边形组成,每一个顶点代表其在某一方面的能力。这篇文章我们就来看看如何基于canvas去绘制这么一个六边形能力图。当然,你也可以
不知道为什么,UI很喜欢设计蜂巢效果(摊手)一、实现六边形首先用传统的方式来分析一下六边形可以拆分成三个矩形,每个矩形旋转正负60°得到其它两个矩形由此
六边形的实现原理其实就是通过旋转三个重叠的矩形得到的,如下图所示:这里为了得到一个正的六边形,两个矩形旋转的角度必须为-60deg和60deg,以及矩形高宽比必