シンプルな青い円で20x20のUIImageを作成しようとしています。この機能を試してみましたが、結果は黒い四角の中の青い円になりました。円の周りの黒い正方形を削除するにはどうすればよいですか?
関数:
+ (UIImage *)blueCircle {
static UIImage *blueCircle = nil;
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
UIGraphicsBeginImageContextWithOptions(CGSizeMake(20.f, 20.f), YES, 0.0f);
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextSaveGState(ctx);
CGRect rect = CGRectMake(0, 0, 20, 20);
CGContextSetFillColorWithColor(ctx, [UIColor cyanColor].CGColor);
CGContextFillEllipseInRect(ctx, rect);
CGContextRestoreGState(ctx);
blueCircle = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
});
return blueCircle;
}
実結果:
アルファチャネルをビットマップに含める必要があります:角の後ろにあるものを確認する場合は、UIGraphicsBeginImageContextWithOptions(..., NO, ...)
を使用します。
Q&Aをありがとう! Swift以下のコード:
extension UIImage {
class func circle(diameter: CGFloat, color: UIColor) -> UIImage {
UIGraphicsBeginImageContextWithOptions(CGSizeMake(diameter, diameter), false, 0)
let ctx = UIGraphicsGetCurrentContext()
CGContextSaveGState(ctx)
let rect = CGRectMake(0, 0, diameter, diameter)
CGContextSetFillColorWithColor(ctx, color.CGColor)
CGContextFillEllipseInRect(ctx, rect)
CGContextRestoreGState(ctx)
let img = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return img
}
}
Schemetricalが提供するSwift 3バージョン:
extension UIImage {
class func circle(diameter: CGFloat, color: UIColor) -> UIImage {
UIGraphicsBeginImageContextWithOptions(CGSize(width: diameter, height: diameter), false, 0)
let ctx = UIGraphicsGetCurrentContext()!
ctx.saveGState()
let rect = CGRect(x: 0, y: 0, width: diameter, height: diameter)
ctx.setFillColor(color.cgColor)
ctx.fillEllipse(in: rect)
ctx.restoreGState()
let img = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()
return img
}
}
Swift 3および4:
extension UIImage {
class func circle(diameter: CGFloat, color: UIColor) -> UIImage {
UIGraphicsBeginImageContextWithOptions(CGSize(width: diameter, height: diameter), false, 0)
let ctx = UIGraphicsGetCurrentContext()!
ctx.saveGState()
let rect = CGRect(x: 0, y: 0, width: diameter, height: diameter)
ctx.setFillColor(color.cgColor)
ctx.fillEllipse(in: rect)
ctx.restoreGState()
let img = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()
return img
}
}
スウィフトの自動修正は敬godです。バレンティンに感謝します。
Xamarin.iOSサンプル:
public static UIImage CircleImage(nfloat diameter, UIColor color, bool opaque = false)
{
var rect = new CGRect(0, 0, diameter, diameter);
UIGraphics.BeginImageContextWithOptions(rect.Size, opaque, 0);
var ctx = UIGraphics.GetCurrentContext();
ctx.SaveState();
ctx.SetFillColor(color.CGColor);
ctx.FillEllipseInRect(rect);
ctx.RestoreState();
var img = UIGraphics.GetImageFromCurrentImageContext();
UIGraphics.EndImageContext();
return img;
}
これを試して
UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, 1.0);
特定の直径と色の円を作成するためのカスタム初期化子:
extension UIImage {
convenience init?(diameter: CGFloat, color: UIColor) {
let size = CGSize(width: diameter, height: diameter)
UIGraphicsBeginImageContextWithOptions(size, false, 0)
guard let contex = UIGraphicsGetCurrentContext() else {
return nil
}
contex.saveGState()
let rect = CGRect(Origin: .zero, size: size)
contex.setFillColor(color.cgColor)
contex.fillEllipse(in: rect)
contex.restoreGState()
guard let image = UIGraphicsGetImageFromCurrentImageContext(),
let cgImage = image.cgImage else {
return nil
}
UIGraphicsEndImageContext()
self.init(cgImage: cgImage)
}
}