iOS-frame布局浮点数导致对齐问题

Posted 2020-08-11

一、问题

      某些需求需要用到button 和 label，并且需要同一行对齐，例如某个提示栏，上面有一部分提示文字不可点击，但是有一部分文字可以点击并跳转。因此通过 sizeWithAttributes 或者其他系统方法计算字符串size,然后设置button的大小为对应title计算出来的大小，label对齐button,并且大小设置为对应text字符串的大小，在坐标和大小一样的情况下出现了，字体没对齐的情况：

二、复现问题：

       创建一个button 和 一个label,坐标如下：

        <UIButton: 0x7c49ac50; frame = (0 50; 199.131 35.8008); opaque = NO; layer = <CALayer: 0x7c49adb0>>

        <UILabel: 0x7c15efc0; frame = (199.131 50; 199.131 35.8008); text = ‘查查。123查查‘; userInteractionEnabled = NO; layer = <_UILabelLayer: 0x7c15f230>>

 

研究一下发现，两个view的y坐标是一样的，输出了背景颜色也没看到两个view背景区域不同，进一步发现当x、y的值也为浮点数的情况下偏差会更大，然后尝试将frame的值通过全部取整后发现两个view对齐了,如下图：

 

三、结论

       button 和 label内部对浮点坐标的处理不同，如果需要不同的view对齐的时候，并且使用frame布局的时候，要保证frame的值都是整数。