1. 我们先绘制一层黑色文字
先将所有的标题放入一个数组中，self.array = [@"新闻",@"军事",@"政治",@"娱乐"]
在将所有的字体用黑色的富文本进行绘制
[string drawInRect:CGRect withAttributes:dictionary]
实现效果如下：
第二部 ： 对红色字体进行绘制，将红色字体绘制到黑色字体的相同位置上。
这样红色字体就将黑色字体完全覆盖住
第三部 ： 对红色字体进行剪切
在对红色字体剪切之前，要先设置一个view（橘黄色的小view） ，这个view的坐标随着我们内容部分的scrollView的偏移量的变化而变化。如图：
然后对上下文内容进行剪切 ：
为了效果明显，我们将橘黄色的背景改成了透明色，并添加橘黄色边框。
剪切后的效果如下 ：
源码地址 ：https://github.com/guoxianlongw/PGScView
这个效果实际有3步： 1. 我们先绘制一层黑色文字 先将所有的标题放入一个数组中，self.array = [@"...
字体图标渐变 字体图标想要变成渐变色的可以这样 效果如图 这样会有一个灰色的线，这个是字体图标的文字颜色。 就可以...
说明：background: -webkit-linear-gradient(…) 为文本元素提供渐变背景。web...
先上图 产品有一个这样的需求，在下拉的过程中，@“PUNJECT”这几个字从左到右发生颜色的变化。拿到这个需求先上...
在这个 LOGOPS教程里，主要是训练颜色、阴影、质感和字体设计等综合表现，比如颜色的渐变，如何实现发光效果，阴影...
字体渐变色主要由背景颜色设置，设置字体颜色为透明，背景色渐变。 边框渐变色使用css3的linear-gradie...
使用CSS实现背景色渐变、边框渐变，字体渐变的效果。 背景色渐变 效果如图： linear-gradient: (...
概述 本文主要分享仿今日头条文字渐变效果，效果图如下： 实现要点： 绘制水平垂直居中的文本 采用画布裁剪实现渐变效...
作者:gaochengxin//采纳请点赞
本文标题：今日头条效果（字体颜色渐变）
本文链接：https://www.haomeiwen.com/subject/ildusttx.html
网友评论