使用貝塞爾曲線裁圓優化tableView
- 最簡單還是還設計師要個圖, 四周與背景色一直, 中間透明, 直接覆蓋上去即可
- 建一個UIView的category
新增以下方法並宣告出去
- (void)setAllCornerWithRoundedCornersSize:(CGFloat)cornersSize {
UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds cornerRadius:cornersSize];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.path = maskPath.CGPath;
self.layer.mask = maskLayer;
}
在cell類中引入剛才這個類, 然後在- (void)layoutSubviews{}方法中用需要裁圓的imageView, 呼叫這個方法即可, conerSize就是邊長的一半
順便貼個原始方法
_imageViewOfPic.layer.cornerRadius = 40;
_imageViewOfPic.layer.masksToBounds = YES;
呼叫還是和第二個方法一樣
相關文章
- 貝塞爾曲線
- 貝塞爾曲線基礎部分
- 貝塞爾曲線理解與應用
- canvas 二次貝塞爾曲線quadraticCurveTo()Canvas
- canvas bezierCurveTo() 三次貝塞爾曲線Canvas
- 如何理解並應用貝塞爾曲線
- 貝塞爾曲線(Bezier curve)實現節點連線
- 自定義View合輯(6)-波浪(貝塞爾曲線)View
- webGL入門-四階貝塞爾曲線繪製Web
- 貝塞爾曲線原理、推導及Matlab實現Matlab
- VBA,Shapes.AddCurve SafeArrayOfPoints:=pts 畫貝塞爾曲線
- 使用二階貝塞爾曲線實現新增購物車動畫動畫
- canvas基礎[二]教你編寫貝塞爾曲線工具Canvas
- 【Flutter高階玩法】 貝塞爾曲線的表象認知Flutter
- Flutter 自定義元件之貝塞爾曲線畫波浪球Flutter元件
- 一個貝塞爾曲線編輯工具(2d)
- Android-貝塞爾曲線實現水波紋動畫Android動畫
- Android 窗簾(Curtain)效果四之賽貝爾曲線優化AndroidAI優化
- Android日常學習:OpenGL 實踐之貝塞爾曲線繪製Android
- 自定義View合輯(8)-跳躍的小球(貝塞爾曲線)View
- SVG之Path路徑詳解(二),全面解析貝塞爾曲線SVG
- Android繪圖最終篇之大戰貝塞爾三次曲線Android繪圖
- 白話經典貝塞爾曲線及其在 Android 中的應用Android
- 【乾貨滿滿】貝塞爾曲線(Bézier curve)——什麼神仙操作
- Flutter 實戰 - 用貝塞爾曲線畫一個帶文字的波浪球 WidgetFlutter
- Flutter BottomAppBar 自定義路徑 + 貝塞爾曲線實現閒魚底部導航FlutterAPP
- 用貝塞爾曲線自己寫的一個電量顯示的控制元件控制元件
- 貝塞爾曲線的css實現——淘寶加入購物車基礎動畫CSS動畫
- CSS transition animation的使用(內含貝賽爾曲線詳解)CSS
- Android教你一步一步從學習貝塞爾曲線到實現波浪進度條Android
- 如何優化tableView優化View
- TableView效能優化View優化
- 圓錐曲線15
- 圓錐曲線14
- 你知道嗎, CoreGraphics繪圖系統和Bezier貝塞爾曲線座標系的順時針方向是相反的!繪圖
- 【flutter高階玩法】貝塞爾實戰1 - 波浪Flutter
- 用runtime優化tableView寫法優化View
- tableView入門到效能優化View優化
- 橢圓曲線加法原理計算