其實(shí)最近一直在寫前端,昨天看到QQ空間有條廣告圖展示很有意思,今天抽空寫了下~

GIF.gif

原理很簡(jiǎn)單啦, 兩張重疊的圖, 最上面一張使用mask屬性再設(shè)置圓半徑為0,這樣就可以達(dá)到隱藏效果,然后 圓半徑隨著滾動(dòng)逐漸變大,圖也就顯示出來了

核心代碼也不多,我大概寫一下:

我是在TableViewCell中去改變圓半徑大小的

- (void)setRadius:(CGFloat)radius{
    
    [self.path removeAllPoints];
    
    [self.path addArcWithCenter:CGPointMake(60, 60) radius:radius startAngle:0.0 endAngle:180.0 clockwise:YES];
    
    self.pathLayer.path = self.path.CGPath;
    
    self.coverView.layer.mask = self.pathLayer;
}

具體代碼可以參考我的demo,在列表中的"UISearchBarController"里,有問題可以留言討論

GitHub歡迎Star