cell阴影效果

张旭
1 parent b36ba646
Showing 4 changed files with 61 additions and 45 deletions
metaCode/Classes/Main/HomePage/View/VerticalViews/DownSlide/CNDownSlideSingleCourseCell.swift
metaCode/Classes/Main/HomePage/View/VerticalViews/DownSlide/CNDownSlideView.swift
metaCode/Classes/Main/HomePages/Controller/AuthController/CNLiveAuthViewController.swift
metaCode/Classes/Main/HomePages/View/HomePage/CNLiveHomePageDuanJuCell.swift
@@ -94,13 +94,18 @@ class CNDownSlideSingleCourseCell: UITableViewCell {
             contentView.addSubview(bgBackView)
  
             bgBackView.frame = CGRect(x: DownSlideRecommendLeftGap, y: 0,width:DownSlideSingleCourseW , height:model.cellH-DownSlideRecommendLeftGap)
-            bgBackView.layer.shadowColor = HexColor("#000000")?.cgColor
-            bgBackView.layer.shadowRadius = 12
+            // 设置阴影效果
+            bgBackView.layer.masksToBounds = false
+            //定义view的阴影颜色
+            bgBackView.layer.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.1).cgColor
+            //定义view的阴影透明度，注意:如果view没有设置背景色阴影也是不会显示的
             bgBackView.layer.shadowOpacity = 1
+            //定义view的阴影宽度，模糊计算的半径
+            bgBackView.layer.shadowRadius = 10.0
+            //阴影偏移量
             bgBackView.layer.shadowOffset = CGSize(width: 0, height: 0)
             bgBackView.layer.cornerRadius = 12
-            bgBackView.clipsToBounds = true
-            bgBackView.backgroundColor = HexColor("#FFFFFF")
+            bgBackView.backgroundColor = .white
  
             let titleLbl = UILabel(frame: CGRect(x: DownSlideRecommendLeftGap, y: DownSlideRecommendLeftGap, width: DownSlideSingleCourseW-DownSlideRecommendLeftGap*2, height: 30))
             titleLbl.text = model.blockName ?? "全部课程"
@@ -154,9 +159,19 @@ class CNDownSlideSingleCourseCell: UITableViewCell {
             bgBackView.addSubview(bgImageView)
  
             bgBackView.frame = CGRect(x: DownSlideRecommendLeftGap, y: 0,width:DownSlideSingleCourseW , height:DownSlideSingleCourseMoreH+DownSlideSingleCourseImgH)
-            bgBackView.layer.shadowColor = UIColor.black.cgColor
-            bgBackView.layer.shadowOpacity = 0.4
-            bgBackView.layer.shadowOffset = CGSize(width: 0, height: 1)
+            
+            // 设置阴影效果
+            bgBackView.layer.masksToBounds = false
+            //定义view的阴影颜色
+            bgBackView.layer.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.1).cgColor
+            //定义view的阴影透明度，注意:如果view没有设置背景色阴影也是不会显示的
+            bgBackView.layer.shadowOpacity = 1
+            //定义view的阴影宽度，模糊计算的半径
+            bgBackView.layer.shadowRadius = 10.0
+            //阴影偏移量
+            bgBackView.layer.shadowOffset = CGSize(width: 0, height: 0)
+            bgBackView.layer.cornerRadius = 12
+            bgBackView.backgroundColor = .white
  
             bgImageView.frame = CGRect(x: 0, y: 0,width:DownSlideSingleCourseW , height:DownSlideSingleCourseImgH)
             bgImageView.contentMode = .scaleAspectFill
@@ -107,15 +107,30 @@ class CNDownSlideView:UIView{
         bottomView.backgroundColor = HexColor("#FFFFFF")
         bottomView.isHidden = true
  
-        let path:UIBezierPath = UIBezierPath.init(roundedRect: bottomView.bounds, byRoundingCorners: [.topLeft, .topRight], cornerRadii: CGSize.init(width: 50, height: 50))
-        let maskLayer:CAShapeLayer = CAShapeLayer()
-        maskLayer.frame = bottomView.bounds
-        maskLayer.path  = path.cgPath
-        bottomView.layer.mask = maskLayer
-        bottomView.clipsToBounds = true
+//        let path:UIBezierPath = UIBezierPath.init(roundedRect: bottomView.bounds, byRoundingCorners: [.topLeft, .topRight], cornerRadii: CGSize.init(width: 50, height: 50))
+//        let maskLayer:CAShapeLayer = CAShapeLayer()
+//        maskLayer.frame = bottomView.bounds
+//        maskLayer.path  = path.cgPath
+//        bottomView.layer.mask = maskLayer
+//        bottomView.clipsToBounds = true
+        
 //        bottomView.layer.cornerRadius = 50
 //        bottomView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
  
+        
+        // 设置阴影效果
+        bottomView.layer.masksToBounds = false
+        //定义view的阴影颜色
+        bottomView.layer.shadowColor = UIColor(red: 0.55, green: 0.68, blue: 0.86, alpha: 0.1).cgColor
+        //定义view的阴影透明度，注意:如果view没有设置背景色阴影也是不会显示的
+        bottomView.layer.shadowOpacity = 1
+        //定义view的阴影宽度，模糊计算的半径
+        bottomView.layer.shadowRadius = 15.0
+        //阴影偏移量
+        bottomView.layer.shadowOffset = CGSize(width: 0, height: -3)
+        bottomView.layer.cornerRadius = 50
+        bottomView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
+        
         let backBtn: UIButton = UIButton(type: .custom)
         backBtn.frame = CGRectMake(0, 0, 100, DownSlideBottomViewHeight)
         backBtn.centerX = bottomView.width/2
@@ -246,8 +246,8 @@ class CNLiveAuthViewController:CNLiveBaseViewController,UITableViewDelegate,UITa
  
     func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
         if self.isHaveDuanJU && indexPath.section == 0{
-            //标题55+n个cell*(45+15*2)+首尾15
-            return CGFloat(self.duanjuDataArray.count)*(45+15*2)+CGFloat(55)+15+15
+            //标题55+n个cell*(45+15*2)+首尾15+12圆角
+            return CGFloat(self.duanjuDataArray.count)*(45+15*2)+CGFloat(55)+15+15+12
         }else{
             let slideModel = self.dataArray[indexPath.row] as! CNLiveDownSlideModel
             return CGFloat(slideModel.cellH)
@@ -22,18 +22,8 @@ class CNLiveHomePageDuanJuCell:UITableViewCell,UITableViewDelegate,UITableViewDa
         self.modelArr = NSMutableArray(array: modelArr)
  
         self.tableView.height = CGFloat(self.modelArr.count)*(45+15*2)
-        self.totalView.height = CGFloat(self.modelArr.count)*(45+15*2) + 55
+        self.totalView.height = CGFloat(self.modelArr.count)*(45+15*2) + 55 + 12
         self.tableView.reloadData()
-        
-//        //定义view的阴影颜色
-//        self.totalView.layer.shadowColor = UIColor.black.cgColor
-//        //阴影偏移量
-//        self.totalView.layer.shadowOffset=CGSize(width:1, height:1)
-//        //定义view的阴影宽度，模糊计算的半径
-//        self.totalView.layer.shadowRadius = 12
-//        //定义view的阴影透明度，注意:如果view没有设置背景色阴影也是不会显示的
-//        self.totalView.layer.shadowOpacity = 0.4
-
     }
     //MARK: - 懒加载
     ///区块标题
@@ -65,22 +55,23 @@ class CNLiveHomePageDuanJuCell:UITableViewCell,UITableViewDelegate,UITableViewDa
         self.selectionStyle = .none
  
         self.contentView.addSubview(self.totalView)
-        
-        self.totalView.addSubview(self.blockTitleLabl)
-        self.totalView.addSubview(self.tableView)
-        self.tableView.backgroundColor = .white
+       
+        // 设置阴影效果
+        self.totalView.layer.masksToBounds = false
+        //定义view的阴影颜色
+        self.totalView.layer.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.1).cgColor
+        //定义view的阴影透明度，注意:如果view没有设置背景色阴影也是不会显示的
+        self.totalView.layer.shadowOpacity = 1
+        //定义view的阴影宽度，模糊计算的半径
+        self.totalView.layer.shadowRadius = 10.0
+        //阴影偏移量
+        self.totalView.layer.shadowOffset = CGSize(width: 0, height: 0)
+
         self.totalView.layer.cornerRadius = 12
-        self.totalView.clipsToBounds = true
         self.totalView.backgroundColor = .white
  
-        //定义view的阴影颜色
-        self.totalView.layer.shadowColor = UIColor.black.cgColor
-        //阴影偏移量
-        self.totalView.layer.shadowOffset=CGSize(width:1, height:1)
-        //定义view的阴影宽度，模糊计算的半径
-        self.totalView.layer.shadowRadius = 12
-        //定义view的阴影透明度，注意:如果view没有设置背景色阴影也是不会显示的
-        self.totalView.layer.shadowOpacity = 0.4
+        self.totalView.addSubview(self.blockTitleLabl)
+        self.totalView.addSubview(self.tableView)
  
         setupUI()
     }
@@ -90,7 +81,7 @@ class CNLiveHomePageDuanJuCell:UITableViewCell,UITableViewDelegate,UITableViewDa
     }
  
     private func setupUI() {
-        contentView.backgroundColor =  HexColor(kCNDownSlideBackgroundColorHex)
+        contentView.backgroundColor = HexColor(kCNDownSlideBackgroundColorHex)
     }
  
     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
@@ -114,9 +105,4 @@ class CNLiveHomePageDuanJuCell:UITableViewCell,UITableViewDelegate,UITableViewDa
     func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
         return 45+15*2
     }
-    //MARK: - 事件
-    @objc func playBtnAction(){
-        showLoading(message: "")
-//        self.getAlbumList()
-    }
 }