An easy way to adapter dark mode on CALayer
- iOS 8.0+
- Swift 5.0+
- Xcode 11.0+
Installation with CocoaPods:
- Swift
pod 'XYColor'
- Objective-C
pod 'XYColorOC'
Installation with Carthage:
github "RayJiang16/XYColor"
Run carthage to build the frameworks and drag the appropriate framework (XYColor.framework or XYColorOC.framework) into your Xcode project based on your need. Make sure to add only one framework and not both.
As we all known UIViewController and UIView has traitCollection.userInterfaceStyle property, but CALayer doesn't.
Therefor CALayer wants to adapter dark mode, it need to bind on a UIView.
That means CALayer will change color when UIView.traitCollection.userInterfaceStyle changed.
Swift
import XYColor
// View
private var customView: UIView = {
let view = UIView()
...
view.setLayerBorderColor(UIColor.label)
view.setLayerShadowColor(UIColor.label)
view.setLayerBackgroundColor(UIColor.systemBackground)
...
return view
}()
// Layer
private var customLayer: CALayer = {
let layer = CALayer()
...
layer.setBorderColor(UIColor.label, with: customView)
layer.setShadowColor(UIColor.label, with: customView)
layer.setBackgroundColor(UIColor.systemBackground, with: customView)
...
return layer
}()
// Create color
private var color: UIColor = {
return UIColor.create(light: .black, dark: .white)
}()Objective-C
#import "XYColorOC/XYColorOC.h"
// View
- (UIView *)customView {
...
[_customView xy_setLayerBorderColor:UIColor.labelColor];
[_customView xy_setLayerShadowColor:UIColor.labelColor];
[_customView xy_setLayerBackgroundColor:UIColor.systemBackgroundColor];
...
}
// Layer
- (CALayer *)customLayer {
...
[_customLayer xy_setLayerBorderColor:UIColor.labelColor with:self.customView];
[_customLayer xy_setLayerShadowColor:UIColor.labelColor with:self.customView];
[_customLayer xy_setLayerBackgroundColor:UIColor.systemBackgroundColor with:self.customView];
...
}
// Create color
- (UIColor *)color {
if (!_color) {
_color = [UIColor xy_createWithLightColor:UIColor.blackColor darkColor:UIColor.whiteColor];
}
return _color;
}XYColor is under MIT license. See the LICENSE file for more info.