QML锚定边距支持实数的作用及设计师数值还原疑问

为啥锚定边距要支持real类型？ #

• 适配高像素密度屏幕：像Retina这类高DPI屏，1个逻辑像素对应多个物理像素。用实数值边距能精准对应到物理像素的细分，比如0.5逻辑像素刚好对应1个物理像素，避免整数边距导致元素对齐发虚。
• 平滑动画需求：如果要做边距的渐变动画（比如从80慢慢过渡到80.45），real类型能提供连续的数值变化，动画不会出现跳帧，显得更丝滑。
• 布局精度不丢失：复杂布局里，父元素的尺寸可能是比例计算得出的实数值，子元素用实数值边距能保持整个布局的计算精度，不会因为多次整数转换累积误差。

为啥实数值会被四舍五入？ #

你碰到的实数值被转成整数，说白了就是QML默认的像素对齐策略在起作用——为了避免非整数像素导致的模糊渲染（尤其是普通屏幕上），会自动把元素的位置和边距对齐到整数像素边界。

怎么精准还原设计师给的实数值边距？ #

要是必须精准实现设计师给出的实数值，直接关闭像素对齐就行：
在目标元素上设置pixelAligned: false，这样就能允许边距使用实数值，实现精准布局。如果担心非整数像素导致的模糊，再开启抗锯齿即可。

示例代码：

Item {
    width: 200
    height: 200

    Rectangle {
        color: "red"
        anchors {
            top: parent.top
            topMargin: 10.5
            left: parent.left
            leftMargin: 80.45
        }
        width: 50
        height: 50
        pixelAligned: false // 关闭自动像素对齐
        antialiasing: true // 开启抗锯齿缓解模糊
    }
}

另外也可以直接换算物理像素来设置，但这种方式不够灵活，不如修改pixelAligned属性方便。

内容的提问来源于stack exchange，提问作者BikashRDas