iOS中容易用错的常用知识点

坐标系转换

ios中的坐标系有三种

视图坐标系：原点(0,0)视图的左上角

窗口坐标系：原点(0,0)窗口的左上角

世界坐标系：原点(0,0)游戏中世界的原点

平时开发中经常会遇到转UIWindow坐标问题，如：已知一个UI控件的坐标，把它转换到UIWindow时，它对应的UIWindow坐标是什么？

苹果提供了一套相关的转换方法，但是它缺少了坐标在转换时会涉及到三个UIView, 方法中没有对这3个UIView关系的描述，这在使用坐标转换时就很容易搞迷糊了。

open func point(inside point: CGPoint, with event: UIEvent?) -> Bool

open func convert(_ point: CGPoint, to view: UIView?) -> CGPoint

open func convert(_ point: CGPoint, from view: UIView?) -> CGPoint

open func convert(_ rect: CGRect, to view: UIView?) -> CGRect

open func convert(_ rect: CGRect, from view: UIView?) -> CGRect

举例如下：

override func viewDidLoad() {
    super.viewDidLoad()

    view.addSubview(myButton)

    let center2 = view.convert(myButton.center, to: UIApplication.shared.keyWindow)
}

下面这件代码的意思是将self.view下面的子视图self.myButton的中点从它的视图坐标系中转换到keyWindow的窗口坐标系中时，得到的坐标是什么。

这句代码种涉及到的三个UIView: self.view, self.myButton, keyWindow。其中self.myButton是self.view的子视图。这层关系需要清楚，就避免迷糊了。

view.convert(myButton.center, to: UIApplication.shared.keyWindow)

自定义UIButton中Image和title的位置关系

UIButton中Image和title的位置坐标是可以自定义调整的，弄懂了下面这些就不用经常在UIView里套Image和Label来自定义视图了。

前置条件

手写UIButton时，ButtonType选择custom，style设置为Default(这个没有找到设置的地方，在xib上有这项，实际上手动创建的代码style默认就是Default)

使用xib创建的UIButton时，把它的plain改成Default。ButtonType设置成custom。

就是截图中的上面2项：

已知概念

1.UIButton中的image和image现在默认是上下，左右居中，并且image和title在水平方向是挨着的。

btn.contentEdgeInsets = .zero
btn.imageEdgeInsets = UIEdgeInsets(top: 2, left: 2, bottom: 2, right: 25)
btn.titleEdgeInsets = UIEdgeInsets(top: 2, left: 12, bottom: 2, right: 2)

2.上面btn相关的EdgeInset值的设置的效果 是和css中的padding内边距效果一致的。即：值>0内容向内缩，值<0内容往外扩展。

3.image和title具有中间挨着的特性，默认情况下，无论image左移多少，title都会跟随左移多少，以满足image和title中间挨着的特性。

4.对于设置的EdgeInset中的偏移量是相对于image和title在没有设置任何偏移量时的默认状态的偏移。

了解了上面这些概念就可以愉快的自定义UIButton中image和lable的位置了。

let btn = UIButton(type: .custom)
btn.frame = CGRect(x: 100, y: 80, width: 40, height: 20)
btn.setTitleColor(.white, for: .normal)
btn.setTitle("jack", for: .normal)
btn.titleLabel?.font = UIFont.systemFont(ofSize: 10)
btn.setImage(UIImage.init(named: "loveHeat"), for: .normal)
btn.backgroundColor = UIColor.black.withAlphaComponent(0.6)
btn.layer.cornerRadius = 4;
btn.layer.masksToBounds = true;
btn.imageEdgeInsets = UIEdgeInsets(top: 3, left: 2, bottom: 1, right: 25)
btn.titleEdgeInsets = UIEdgeInsets(top: 0, left: 1, bottom: 0, right: 0)
btn.isUserInteractionEnabled = false