UIviewの下部に影を追加

Question

実際には、私はUIViewの下部に影が必要です。 私はいくつかのコードを試していましたが、トップサイドだけからシャドーを取得していました。私は現在、スイフト3を使用しています。

コードの下に従ってください：私はコレクションを持っている、また

：

 horizontalLine.snp.makeConstraints{ (make) in 
      make.height.equalTo(5) 
      make.width.equalTo(self.snp.width) 
      make.left.equalTo(self.snp.left) 
      make.right.equalTo(self.snp.right) 
      make.bottom.equalTo(self.snp.bottom) 
     } 

が今どのように見えるか：また、私はUI設定のsnapkitライブラリを使用しています

 let horizontalLine = UIView() 
     horizontalLine.frame = CGRect.zero 
     horizontalLine.backgroundColor = .lightGray 
     self.addSubview(horizontalLine) 

     horizontalLine.layer.shadowColor = UIColor.gray.cgColor 
     horizontalLine.layer.shadowOpacity = 0.5 
     horizontalLine.layer.shadowOffset = CGSize(width: 0.0, height: 2.0) 
     horizontalLine.layer.masksToBounds = false 
     horizontalLine.backgroundColor = .lightGray 
     horizontalLine.layer.shadowRadius = 5 

それをちょうど見る。 さらに、その行の裏側にもう1つのコレクションビューがあります。

私を連れてください。 ありがとうございます。

Answer 1

はこれを試して..あなたが表示された画像に基づいて

let horizontalLine = UIView() 
horizontalLine.frame = CGRect(x: 150, y: 350, width: 150, height: 150) 
horizontalLine.backgroundColor = .lightGray 
self.view.addSubview(horizontalLine) 

horizontalLine.layer.shadowColor = UIColor.red.cgColor 
horizontalLine.layer.shadowOffset = CGSize(width: 0.0, height: 3.0) 
horizontalLine.layer.shadowOpacity = 1.0 
horizontalLine.layer.shadowRadius = 0.0 
horizontalLine.layer.masksToBounds = false 
horizontalLine.layer.cornerRadius = 4.0 

Answer 2

は、それがあなたhorizontalLineビューの上にコレクションビューのセルの内容であるあなたが見ている「影」のように見えます。

また、あなたのhorizontalLineの影の影が見えないように見えます。そのスーパービューはクリッピングしているからです。 （0,0）としてオフセット

// new line 
    self.clipsToBounds = false 
    // rest of your code... 
    let horizontalLine = UIView()