KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #claude-code #codex #typescript #ai-agents #dsh #dsh-plugin #deepseek-harness #ai-agent #mcp #agent-skills #macos

UICornerShadowView

★ 57 Open GitHub ↗

iOS UIView Subclass: Use CoreGraphics to control the direction of Rect Corner、Shadow 、Border

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![CI Status](https://img.shields.io/travis/389185764@qq.com/SDWebImage-SFImageMaker.svg?style=flat)](https://travis-ci.org/389185764@qq.com/SDWebImage-SFImageMaker)
[![Version](https://img.shields.io/cocoapods/v/SFImageMaker.svg?style=flat)](https://cocoapods.org/pods/SFImageMaker)
[![License](https://img.shields.io/cocoapods/l/SFImageMaker.svg?style=flat)](https://cocoapods.org/pods/SFImageMaker)
[![Platform](https://img.shields.io/cocoapods/p/SFImageMaker.svg?style=flat)](https://cocoapods.org/pods/SFImageMaker)

[掘金](https://juejin.im/post/5e1e08c36fb9a030080c9427)

# SFCSBView
iOS UIView Subclass: Use CoreGraphics to control the direction of Rect Corner、Shadow 、Border
## Example
```objective-c
// UIAppearance
[SFCSBView appearance].cornerRadius = 20;
[SFCSBView appearance].rectCornner = UIRectCornerAllCorners;
[SFCSBView appearance].shadowPosition = UIShadowPostionAll;
[SFCSBView appearance].shadowRadius = 20;
[SFCSBView appearance].borderColor = [UIColor systemBlueColor];
[SFCSBView appearance].borderWidth = 5;
[SFCSBView appearance].borderPosition = UIBorderPostionAll;

SFCSBView * shadowView = [SFCSBView new];
shadowView.cornerRadius = 20;
shadowView.rectCornner = UIRectCornerAllCorners;
shadowView.shadowPosition = UIShadowPostionAll;
shadowView.shadowColor = [[UIColor blackColor]colorWithAlphaComponent:0.6];
shadowView.shadowRadius = 20;
shadowView.borderColor = UIColor.systemBlueColor;
shadowView.borderWidth = 5;
shadowView.borderPosition = UIBorderPostionAll;
```

## Features
1. Surpport xib / storyboard

2. Using them freedomly

3. Create and process image

for objc:
```objc
// Generate UIImage by color or gradient colors, then start UIImage process flow
UIColor.lightGrayColor.sf_flow.corner(10, UIRectCornerAllCorners).border(0.5, UIColor.blackColor).image;
@[UIColor.redColor,UIColor.purpleColor].sf_gradientFlow(YES,self.gradientButton.frame.size).corner(10, UIRectCornerTopLeft|UIRectCornerBottomRight).border(1, UIColor.blackColor).image

// UIImage Process Flow
[UIImage new].sf_flow.circle.resize(CGSizeMake(40, 40)).blur(SFBlurEffectLight).corner(10, UIRectEdgeAll).border(1, UIColor.redColor)
```

for swift:
```swift
let _ = UIColor.red
            .sf_flow(with: CGSize.init(width: 40, height: 40))
            .blur(with: SFBlurEffectLight)
            .border(withWidth: 1, color: .gray)
            .shadow(with: UIColor.black.withAlphaComponent(0.5), offset: .init(width: 10, height: 10), blurRadius: 10)
            .resize(with: .init(width: 20, height: 20))
            .circle
            .image();
```

## CocoaPods
```
pod 'SFImageMaker'
```

## Preview

**Compare with CALayer**

![compare with CALayer](https://silverfruity.github.io/assets/img/UICornerShadowView_1.a69ce9a7.jpeg)

**Random Cells**

![Review](https://silverfruity.github.io/assets/img/UICornerShadowView_2.51bb194d.jpeg)

## Performance

1000 shadow images only need 29MB and 1.01s

In this condition, maximum cpu occupancy rates is 45% and 60FPS when the count of cell is 1000 and quick slide，use iPhone 7, iOS13.3.1.

![](https://silverfruity.github.io/assets/img/UICornerShadowView_2.51bb194d.jpeg)

![](https://silverfruity.github.io/assets/img/UICornerShadowView_3.a15b93dd.jpeg)

In extreme cases，no reuse,  maximum cpu occupancy rates is 140% and 60FPS when the count of cell is 1000 and quick slide.

![Review](https://silverfruity.github.io/assets/img/UICornerShadowView_4.3697f58a.jpeg)

![](https://silverfruity.github.io/assets/img/UICornerShadowView_5.c12a9d56.jpeg)

UICornerShadowView

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README