首页 > 代码库 > iOS-frame布局浮点数导致对齐问题

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

一、问题
      某些需求需要用到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的值都是整数。
 
 
 
 
 

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