当前位置:聪少自媒体网 > 今日头条 > 正文

今日头条效果(字体颜色渐变)

2020-10-05 今日头条 聪少自媒体

1. 我们先绘制一层黑色文字

先将所有的标题放入一个数组中,self.array=[@"新闻",@"军事",@"政治",@"娱乐"]

在将所有的字体用黑色的富文本进行绘制

[string drawInRect:CGRect withAttributes:dictionary]

实现效果如下:

第二部 : 对红色字体进行绘制,将红色字体绘制到黑色字体的相同位置上。

这样红色字体就将黑色字体完全覆盖住

第三部 : 对红色字体进行剪切

在对红色字体剪切之前,要先设置一个view(橘黄色的小view) ,这个view的坐标随着我们内容部分的scrollView的偏移量的变化而变化。如图:

然后对上下文内容进行剪切 :

为了效果明显,我们将橘黄色的背景改成了透明色,并添加橘黄色边框。

剪切后的效果如下 :?

源码地址 :https://github.com/guoxianlongw/PGScView

聪少爱学堂聪少
聪少爱学堂创始人,梅州市鹏鑫网络科技有限公司CEO,09年开始踏入互联网,10年互联网行业经验,资深自媒体人,自媒体优秀导师,咪挺微商团对营销引流顾问,业务包含:精准引流技术/代引流精准粉,专业小红书,知乎,微博代运营。
  • 38988文章总数
  • 1491134访问次数
  • 建站天数
  • 合作伙伴