UITableViewのラウンド上部コーナー

Question

UITableViewの上部コーナーを丸めようとしています。しかし、テーブルビューは表示されません。ここで何が間違っていますか？

//テーブルビューの設定

lazy var tableView: UITableView = { 
     let tv = UITableView() 
     tv.delegate = self 
     tv.dataSource = self 
     tv.separatorStyle = .none 
     tv.backgroundColor = .white 
     tv.layer.masksToBounds = true 
     tv.roundUpperCorners(radius: 12) 
     return tv 
    }() 

//ラウンド上隅。 @Fahri Azimovコメントを1として

func roundUpperCorners(radius: CGFloat) { 
     let maskPath = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: [.topLeft, .topRight], cornerRadii: CGSize(width: radius, height: radius)) 
     let maskLayer = CAShapeLayer() 
     maskLayer.frame = self.bounds 
     maskLayer.path = maskPath.cgPath 
     self.layer.mask = maskLayer 
    } 

Answer 1

それは働いています。 Fahri Azimovに感謝します。「テーブルの枠を設定した後にコーナーを丸めるようにしてください。」

私はこの行をviewDidLayoutSubviewsに移動しました。tableView.roundUpperCorners(radius: 12)

override func viewDidLayoutSubviews() { 
     super.viewDidLayoutSubviews() 
     tableView.roundUpperCorners(radius: 12) 
    } 

Answer 2

あなたは、あなたのテーブルビューの枠を設定する最初の彼のコメントで行く必要があります。依然として問題がある場合は、以下のコードを使用してください。私のコードから

、

myTblView.clipsToBounds = true 
myTblView.layer.cornerRadius = 10 // Set As you want 
myTblView.layer.maskedCorners = [.layerMinXMinYCorner,.layerMaxXMinYCorner] 

注：公式の文書から読み取ることができますiOSの11でmaskedCorners新しいです。

Answer 3

extension UIView { 
func roundCorners(_ corners:UIRectCorner, radius: CGFloat) { 
    let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius)) 
    let mask = CAShapeLayer() 
    mask.path = path.cgPath 
    self.layer.mask = mask 
}} 

yourView.roundCorners([.topLeft,.topRight], radius: 5)