屏幕尺寸和安全边距变化时，按钮相对整屏的位置与相对可用区域的位置可能不同。先确定可用矩形，再应用归一化锚点和像素偏移，才能说明元素为什么在不同布局下移动。

这份练习把数据、规则和中间状态一起列出。可以先自行推演，再与过程记录逐项比较；如果结果不同，先找到第一处分歧，确认时间单位、端点归属和运算顺序。案例是一套限定模型，不把其他作品的不同实现认定为错误。

规则与输入

左右上下安全边距从屏幕边缘向内扣除；锚点是可用矩形中的零至一比例，最终参考点再加像素偏移。本例只定位参考点，不处理元素自身尺寸、拉伸或自动避免重叠。

锚点(3/4,1/3)，像素偏移(-4,-10) [[520, 560, 40, 35, 15, 35], [1200, 320, 0, 25, 35, 15], [440, 760, 30, 0, 10, 40], [440, 920, 10, 35, 35, 5], [800, 240, 35, 35, 30, 35], [1280, 240, 40, 10, 25, 15], [680, 880, 20, 0, 0, 35], [760, 280, 35, 15, 40, 20]]

逐项推演

屏幕520×560，边距左40右35上15下35；可用尺寸445×510，锚点比例(3/4,1/3)加偏移(-4,-10)后参考点(1479/4,175)。

屏幕1200×320，边距左0右25上35下15；可用尺寸1175×270，锚点比例(3/4,1/3)加偏移(-4,-10)后参考点(3509/4,115)。

屏幕440×760，边距左30右0上10下40；可用尺寸410×710，锚点比例(3/4,1/3)加偏移(-4,-10)后参考点(667/2,710/3)。

屏幕440×920，边距左10右35上35下5；可用尺寸395×880，锚点比例(3/4,1/3)加偏移(-4,-10)后参考点(1209/4,955/3)。

屏幕800×240，边距左35右35上30下35；可用尺寸730×175，锚点比例(3/4,1/3)加偏移(-4,-10)后参考点(1157/2,235/3)。

屏幕1280×240，边距左40右10上25下15；可用尺寸1230×200，锚点比例(3/4,1/3)加偏移(-4,-10)后参考点(1917/2,245/3)。

屏幕680×880，边距左20右0上0下35；可用尺寸660×845，锚点比例(3/4,1/3)加偏移(-4,-10)后参考点(511,815/3)。

屏幕760×280，边距左35右15上40下20；可用尺寸710×220，锚点比例(3/4,1/3)加偏移(-4,-10)后参考点(1127/2,310/3)。

每种布局均先扣除对应边距，再计算比例位置，最后应用固定像素偏移。

复核与使用边界

用可用矩形两条边的加权平均求参考位置，与从左上角加比例行程的写法比较。缩小可用区域不一定让参考点向同一个方向移动，要看锚点比例和两侧边距。

锚点在可用区域内，不保证整个控件都在区域内；控件尺寸和自身参考点也会影响边缘。如果界面需要完整避开边界，还要把这两项纳入约束，本例不把参考点合规误认为整体合规。

复盘时建议保留输入表和中间状态，而不仅保存最终答案。改动一个条件后重新推演，再检查起点、终点、重复值和临界输入；这样能把规则本身、计算实现和显示结果分别核对，避免把一次偶然相同当成验证完成。