LoginSignup
1
3

More than 5 years have passed since last update.

UIImageViewで一部を角丸する

Last updated at Posted at 2016-04-30

僕はPinterestが好き。
Pinterestみたいな、画像上部と下部が角丸なUIViewを作りたい。

上部角丸-サンプル実装(抜粋)

SampleUIView.swift

        self.itemImageView.image = UIImage(data:data)
        let maskPath = UIBezierPath(roundedRect: self.bounds,
                                        byRoundingCorners: [.TopLeft, .TopRight],
                                        cornerRadii: CGSize(width: 5.0, height: 5.0))
        let maskLayer = CAShapeLayer()
        maskLayer.path = maskPath.CGPath
        self.layer.mask = maskLayer;

        self.itemImageView.layer.masksToBounds = true
        self.itemImageView.layer.mask = maskLayer

下部角丸-サンプル実装(抜粋)

下部の角丸については四隅全てを角丸にする形で実装している。

SampleUIView.swift

    self.layer.cornerRadius = 5.0

結果

上部と下部の角丸が素敵。

sca2.png

1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3