TableView coins arrondis et ombre

Question

J'ai une tableview avec trois lignes. J'essaie de faire en sorte que les rangées de la table aient des coins arrondis et un effet d'ombre autour de la vue de table entière. Pour une raison quelconque, je ne peux pas faire en sorte que la table ait les deux angles arrondis et l'effet d'ombre, mais je pourrais les faire séparément si je commentais le code responsable de l'une des fonctions. Voici le code que j'utilise:

//this is for shadow effect

tableView.backgroundColor = UIColor.clearColor()

tableView.layer.shadowColor = UIColor.darkGrayColor().CGColor   

tableView.layer.shadowOffset = CGSize(width: 2.0, height: 2.0

tableView.layer.shadowOpacity = 1.0

tableView.layer.shadowRadius = 2

// This is for rounded corners

tableView.layer.cornerRadius = 10

tableView.layer.masksToBounds = true

Answer 1

Vous pouvez ajouter votre vue tabulaire à une vue conteneur et ajouter une ombre portée à cette vue conteneur:

let containerView:UIView = UIView(frame:CGRect(x: 10, y: 100, width: 300, height: 400))
self.tableView = UITableView(frame: containerView.bounds), style: .Plain)
containerView.backgroundColor = UIColor.clearColor()
containerView.layer.shadowColor = UIColor.darkGrayColor().CGColor   
containerView.layer.shadowOffset = CGSize(width: 2.0, height: 2.0)
containerView.layer.shadowOpacity = 1.0
containerView.layer.shadowRadius = 2
// This is for rounded corners
self.tableView.layer.cornerRadius = 10
self.tableView.layer.masksToBounds = true
self.view.addSubview(containerView)
containerView.addSubview(self.tableView)

Modifier

Swift 3.0:

let containerView:UIView = UIView(frame:CGRect(x: 10, y: 100, width: 300, height: 400))
self.tableView = UITableView(frame: containerView.bounds, style: .plain)
containerView.backgroundColor = UIColor.clear
containerView.layer.shadowColor = UIColor.darkGray.cgColor
containerView.layer.shadowOffset = CGSize(width: 2.0, height: 2.0)
containerView.layer.shadowOpacity = 1.0
containerView.layer.shadowRadius = 2

self.tableView.layer.cornerRadius = 10
self.tableView.layer.masksToBounds = true
self.view.addSubview(containerView)
containerView.addSubview(self.tableView)

 

Answer 2

La réponse du CDR est bonne, mais pour moi, le résultat n'a pas résolu mon cas.

//for table view border
tableView.layer.borderColor = UIColor .grayColor().CGColor
tableView.layer.borderWidth = 1.0

//for shadow
let containerView:UIView = UIView(frame:self.tableView.frame)
//dont use clear color,fit blue color
containerView.backgroundColor = UIColor.blueColor()
//shadow view also need cornerRadius
containerView.layer.cornerRadius = 10
containerView.layer.shadowColor = UIColor.lightGrayColor().CGColor
containerView.layer.shadowOffset = CGSizeMake(-10, 10); //Left-Bottom shadow
//containerView.layer.shadowOffset = CGSizeMake(10, 10); //Right-Bottom shadow
containerView.layer.shadowOpacity = 1.0
containerView.layer.shadowRadius = 2

//for rounded corners
tableView.layer.cornerRadius = 10
tableView.layer.masksToBounds = true
self.view.addSubview(containerView)
self.view.addSubview(tableView)

Answer 3

Merci à @beyowulf

J'ai mis à niveau pour moi avec Swift 2.2, pour 

• set Border, 
• Coins arrondis et 

• Ombre portée dans la vue tableau

  //for table view border
  tableView.layer.borderColor = UIColor .grayColor().CGColor
  tableView.layer.borderWidth = 1.0
  
  //for shadow
  let containerView:UIView = UIView(frame:self.tableView.frame)
  containerView.backgroundColor = UIColor.clearColor()
  containerView.layer.shadowColor = UIColor.lightGrayColor().CGColor
  containerView.layer.shadowOffset = CGSizeMake(-10, 10); //Left-Bottom shadow
  //containerView.layer.shadowOffset = CGSizeMake(10, 10); //Right-Bottom shadow
  containerView.layer.shadowOpacity = 1.0
  containerView.layer.shadowRadius = 2
  
  //for rounded corners
  tableView.layer.cornerRadius = 10
  tableView.layer.masksToBounds = true
  self.view.addSubview(containerView)
  containerView.addSubview(tableView)
  

le résultat ressemble à