iOS 设置圆角和阴影并存(部分圆角)
生活随笔
收集整理的這篇文章主要介紹了
iOS 设置圆角和阴影并存(部分圆角)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為什么圓角和陰影不能共存?Because shadow is an effect done outside the View, and that masksToBounds set to YES will tell the UIView not to draw everything that is outside itself.
大概意思是:陰影作用于視圖外部,而圓角設置裁剪會把畫在視圖外面的所有東西裁掉。
解決方案:那么我們可以在View上創(chuàng)建一個CALayer,制作陰影,讓它位于我們需要添加陰影的圓角View下面即可:
/// 繪制陰影和圓角并存 /// 并存原理:創(chuàng)建一個CALayer,制作陰影,讓它位于我們需要添加陰影的圓角View下面即可 - (void)drawShadowCompatibleCorner {CALayer *subLayer = [CALayer layer];subLayer.frame = self.contentView.frame;subLayer.cornerRadius = 12;subLayer.masksToBounds = NO;subLayer.backgroundColor = SD_COLOR_THEME_GRAY.CGColor;subLayer.shadowColor = [UIColor blackColor].CGColor;//shadowColor陰影顏色subLayer.shadowOffset = CGSizeMake(0,0);subLayer.shadowOpacity = 0.2;//陰影透明度,默認0subLayer.shadowRadius = 2;//陰影半徑,默認3[self.layer insertSublayer:subLayer below:self.contentView.layer]; }給View設置部分圓角:以前可以通過繪制圖層的方式繪制部分圓角,但是必須先確定好View的frame。如果是自動布局,繪制之前必須讓父類調用 layoutIfNeeded。iOS11之后,可以直接使用maskedCorners設置部分圓角。
/// 繪制部分圓角 /// @param rectCorner 圓角樣式 /// @param radii 圓角 - (void)drawCornerWith:(UIRectCorner)rectCorner radii:(CGFloat)radii {self.layer.masksToBounds = YES;if (@available(iOS 11.0, *)) {self.layer.cornerRadius = radii;self.layer.maskedCorners = (CACornerMask)rectCorner;//bit位一致} else {// 設置路徑UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds byRoundingCorners:rectCorner cornerRadii:CGSizeMake(radii, radii)];CAShapeLayer *maskLayer = [[CAShapeLayer alloc]init];maskLayer.path = maskPath.CGPath;self.layer.mask = maskLayer;} }總結
以上是生活随笔為你收集整理的iOS 设置圆角和阴影并存(部分圆角)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【已阅】Linux的软件生态与两个方面,
- 下一篇: 【转】提高VR渲染速度的最好方法(经典转