ImageViewの奇妙なボーダーグリッチ

Question

私はいくつかのimageviewsを含むカスタムビューを作った。しかし、彼らは奇妙な境界の不具合を持っています：画像のエッジからオフセットがあり、背景色を明らかにしています。

これは私が画像ビューを作成する方法である：

 for (index, image) in self.images.enumerated() 
     { 
      if index == maxIndex { 
       break 
      } 

      let imageView = UIImageView(frame: CGRect(x: offsetX, y: 0, width: self.height, height: self.height)) 
      imageView.cornerRadius = self.height/2 
      imageView.contentMode = .scaleAspectFill 
      imageView.image = image 
      imageView.layer.borderColor = UIColor.white.cgColor 
      imageView.layer.borderWidth = 2 
      self.addSubview(imageView) 
      self.imageViews.append(imageView) 

      offsetX += self.height/2 + 5 
     } 

imageviews下にはビューがありません。サブビュー数は4

Answer 1

これはエイリアシングの問題です。境界線の一部のエッジピクセルは半透明です。そのため、下にあるコンテンツを見ることができます。

あなたはサークルパスを持つカスタムCAShapeLayerを追加してみてくださいすることができます

let border = CAShapeLayer() 
border.frame = imageView.bounds 
border.lineWidth = 4 //doubled width 
border.path = UIBezierPath(ovalIn: border.bounds).cgPath 
border.strokeColor = UIColor.white.cgColor 
border.fillColor = UIColor.clear.cgColor 
imageView.layer.addSublayer(border)