0
A
答えて
7
あなたは、画像のコンテキストを作成する切り出し画像を描画して、ストロークパスするQuartzCore機能を使用することができ
:
- (UIImage *)imageWithBorderAndRoundCornersWithImage:(UIImage *)image lineWidth:(CGFloat)lineWidth cornerRadius:(CGFloat)cornerRadius {
UIGraphicsBeginImageContextWithOptions(image.size, false, image.scale);
CGRect rect = CGRectZero;
rect.size = image.size;
CGRect pathRect = CGRectInset(rect, lineWidth/2.0, lineWidth/2.0);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSaveGState(context);
UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:pathRect cornerRadius:cornerRadius];
CGContextBeginPath(context);
CGContextAddPath(context, path.CGPath);
CGContextClosePath(context);
CGContextClip(context);
[image drawAtPoint:CGPointZero];
CGContextRestoreGState(context);
[[UIColor whiteColor] setStroke];
path.lineWidth = lineWidth;
[path stroke];
UIImage *finalImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return finalImage;
}
取ります
となりますが:
-1
You 簡単な方法でこれを行うには、UbmageViewが必要です。 UIViewのCALayerの典型的なプロパティは、四角形(角の半径)と罫線の太さ/色です。最も簡単な方法は、これを実装するためにUIViewのUIImageViewまたは他のタイプを持つことです。
そういったことが仕事をするかもしれません。
let myImg = UIImage(named: "some_image.png")
let imgView = UIImageView(image: myImg)
imgView.clipsToBounds = true
imgView.layer.cornerRadius = 0.5*imgView.frame.width
imgView.layer.borderWidth = 5.0 //Or some other value
imgView.layer.borderColor = UIColor.whiteColor().CGColor
関連する問題
- 1. 丸みを帯びたコーナー、境界線と影のあるImageView?
- 2. 境界線付きのCSS丸められたコーナー
- 3. グラデーション付き丸みのある点線の境界
- 4. Internet Explorer 9のグラデーションが丸みのある境界線をオーバーフローします
- 5. ラジオグループに丸みのあるコーナーをレンダリング
- 6. UIViewのいくつかのコーナーを丸めて、ビューのレイヤーの境界線も丸めます
- 7. FirefoxオーバーフローバグCSSの背景と丸みのある境界
- 8. 行の境界線上の境界線と底面の境界線の1本の線はありますか?
- 9. UWPのトグルボタンの丸みのあるコーナー
- 10. HTMLの丸みのあるコーナー
- 11. IE9の丸みのあるコーナー
- 12. NSImageView丸みのあるコーナー+ストローク
- 13. UIImageViewを丸くして境界線と影を境界線の周りに追加します
- 14. 透明な丸いコーナーを持つUIImage
- 15. iOSの丸みを帯びたコーナーUIImage with border
- 16. Android UI - 境界の丸みのあるテーブル
- 17. ナビゲーションバーに丸みのあるコーナーを追加するCSS
- 18. テーブルヘッドに丸みのあるコーナーを作成する方法
- 19. 特定の境界内に可変幅の境界線を持つ丸みのある四角形を描画する方法
- 20. グラフjs - 境界線内の線の境界線を切り捨てる線図
- 21. svgの丸みのあるコーナーを設定する:
- 22. divの端を丸みのあるコーナーでブレンドする
- 23. Openpyxl別の境界線との交差点で境界線が破損する
- 24. divの境界線とテーブルの境界線を揃える方法
- 25. クリップ画像の背景/丸みのあるコーナーCSSのみ
- 26. IE 7では、CSSで丸みのある境界線を使用できますか?
- 27. JTextFieldとJComboBoxの丸みを帯びた境界線と背景イメージを作成する方法は?
- 28. wpfスタイル、境界線の境界線を背景に参照する方法
- 29. 境界線のある要素を内側のオブジェクトの外側の境界線に合わせる
- 30. 丸みを帯びたコーナーとペーパークリップ
これにより、イメージのサイズとこれを行うデバイスのスケールにイメージのサイズが変更されます。それが望ましい効果であれば問題ありませんが、OPはこれを認識していなければなりません。また、この技法は、丸みを帯びたコーナーの外側エッジに沿って望ましくないアーチファクトを生じることがあることにも留意されたい。これを解決するには、画像ビューをマスキングします。 http://stackoverflow.com/a/30125297/1271826を参照してください。 – Rob