這個效果實際有3步：

1. 我們先繪制一層黑色文字

先將所有的標題放入一個數(shù)組中，self.array = [@"新聞",@"軍事",@"政治",@"娛樂"]

在將所有的字體用黑色的富文本進行繪制

[string drawInRect:CGRect withAttributes:dictionary]

實現(xiàn)效果如下：

第二部 ： 對紅色字體進行繪制，將紅色字體繪制到黑色字體的相同位置上。

這樣紅色字體就將黑色字體完全覆蓋住

第三部 ： 對紅色字體進行剪切

在對紅色字體剪切之前，要先設(shè)置一個view（橘黃色的小view） ，這個view的坐標隨著我們內(nèi)容部分的scrollView的偏移量的變化而變化。如圖：

然后對上下文內(nèi)容進行剪切 ：

為了效果明顯，我們將橘黃色的背景改成了透明色，并添加橘黃色邊框。

剪切后的效果如下 ：?

end ： 效果就這樣搞定了，我們最后將邊框也改成透明色就ok了。

源碼地址 ：https://github.com/guoxianlongw/PGScView