Skip to content

zhangyanlf/ZhylfWeibo

Repository files navigation

ZhylfWeibo

2017-11-15 项目框架搭建完成,小结:

image

首页动画效果

旋转图标动画

 private func startAnimation() {
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        
        anim.toValue = 2 * Double.pi
        anim.repeatCount = MAXFLOAT
        anim.duration = 15
        //完成之后不删除
        anim.isRemovedOnCompletion = false
        
        //将动画添加到图层
        iconView.layer.add(anim, forKey: nil)
        
    }

anim.isRemovedOnCompletion = false  动画执行完后不删除  不写时会引起动画执行一个周期/界面切换后停止动画效果

网络小结:

image

AFNetworking 封装网络请求

///封装AF 的 Get /Post
   ///
   /// - Parameters:
   ///   - method: GET/POST
   ///   - URLString: URLString
   ///   - parameters: 参数字典
   ///   - completion: 完成回调 json(字典/数组,是否成功)
   func request(method: ZlHTTPMethod = .GET, URLString: String,parameters:[String:AnyObject]?,completion:@escaping (_ json:AnyObject?,_ isSuccess:Bool)->()) {


       if method == .GET {
           get(URLString, parameters: parameters, progress: nil, success: { (task, json) in
               completion(json as AnyObject, true)
           }, failure: { (task, error) in

               print("网络请求错误\(error)")
               completion(nil, false)
           })
       }else{
           post(URLString, parameters: parameters, progress: nil, success: { (_, json) in
               completion(json as AnyObject, true)
           }, failure: { (task, error) in
               print("网络请求错误\(error)")
               completion(nil, false)
           })
       }
   }

Alamofire 封装网络请求

enum MethodType {
   case GET
   case POST
}


class ZLNetWorkTools{

  class func requestDate(type: MethodType, urlString: String,paramters :[String: Any]? = nil,finishedCallback:@escaping (_ result: Any)->()) {
       
       //1.自定义类型
       let method = type == .GET ? HTTPMethod.get : HTTPMethod.post
       //2.发送网络请求
       Alamofire.request(urlString, method: method, parameters: paramters).responseJSON { (response) in
           //3.获取结果
           guard let result = response.result.value else {
               print(response.result.error as Any)
               return
           }
           //4.将结果回调
           finishedCallback(result)
       }
   
   
   
   }
}

首页cell显示小结:

cell显示

image

被转发Cell:

image

单张图片等比例显示:

image

关于表格试图性能优化:

  • 缓存行高
  • 尽量少计算, 所有需要的素材提前计算好
  • 控件不要设置圆角半径 图片渲染的属性都要注意
  • 不要动态创建组件 所有需要的控件 都要提前创建好 在现实的时候 根据数据显示/隐藏
  • cell中控件的数量越少越好
  • 要测量 不要猜测 image

缓存行高步骤

image

在Cell存在头像或者图片需要使用圆角功能是,尽量少用layer.cornerRadiusla来设置图片的圆角,这样会大量占用CPU影响tableView的性能,尽可能去使用路径裁切功能设置图片的圆角,代码如下:

extension UIImage{
   
   /// 创建图片,圆角
   ///
   /// - Parameters:
   ///   - size: 尺寸
   ///   - backColor: 背景色
   /// - Returns: 裁切后的图像
   func zl_avatarImage(size:CGSize?,backColor:UIColor = UIColor.white,lineColor:UIColor = UIColor.lightGray) -> UIImage? {
       var size = size
       if size == nil {
           size = self.size
       }
       let rect  = CGRect(origin: CGPoint(), size: size!)
       
       /*
        1>size
        2>不透明 (混合) png图片支持透明 jpg 图形不支持透明
        3>屏幕分辨率 如果不指定,默认使用1.0的分辨率(图片质量不好)
        指定0,会选择当前设备屏幕的分辨率
        */
       UIGraphicsBeginImageContextWithOptions(rect.size, true, 0)
       
       // 圆角
       // (0) 背景填充
       backColor.setFill()
       UIRectFill(rect)
       // (1) 原型路径
       let path = UIBezierPath(ovalIn: rect)
       // (2) 路径裁切
       path.addClip()
       // 2 绘图
       draw(in: rect)

       // 绘制内切原型
       let ovaPath = UIBezierPath(ovalIn: rect)
       
       lineColor.setStroke()
       
       ovaPath.lineWidth = 2
       
       ovaPath.stroke()
       
       // 3 取得新的图像
       let result = UIGraphicsGetImageFromCurrentImageContext()
       // 4 关闭上下文
       UIGraphicsEndImageContext()
       // 5 返回结果
       return result
       
   }
   
}