保持画面比例时黑边与点击坐标怎样计算:六种窗口的居中缩放与点击映射·案例02
把一张固定比例的画面放进不同窗口,保持比例并完整显示时可能留下黑边。窗口坐标直接当作画面坐标,会让黑边区域的点击错误地落到有效内容里。
以下是一组可按记录复查的虚构游戏例子。它先固定输入、单位和执行顺序,再展示每一步结果。读者可以用纸笔挑出几步核对,不需要依赖具体游戏的后台数据。
明确规则与输入
源画面和窗口尺寸均为正整数,使用能完整容纳画面的最大等比缩放,居中放置。可视矩形左上包含、右下排除,黑边点击视为无效;内部点扣除边距再除缩放得到源坐标,计算时不提前取整。
六组窗口均完整显示源画面,四项边界按左、上、右、下排列。
完整计算过程
第1组源960×720、窗口720×800,缩放3/4,内容边界['0', '130', '720', '670']。测试点[['0', '0'], ['360', '400'], ['0', '130'], ['720', '670'], ['240', '310']],对应源坐标[None, ['480', '360'], ['0', '0'], None, ['320', '240']];None表示落在内容矩形外。
第2组源1280×600、窗口1080×1080,缩放27/32,内容边界['0', '2295/8', '1080', '6345/8']。测试点[['0', '0'], ['540', '540'], ['0', '2295/8'], ['1080', '6345/8'], ['360', '3645/8']],对应源坐标[None, ['640', '300'], ['0', '0'], None, ['1280/3', '200']];None表示落在内容矩形外。
第3组源640×480、窗口900×1080,缩放45/32,内容边界['0', '405/2', '900', '1755/2']。测试点[['0', '0'], ['450', '540'], ['0', '405/2'], ['900', '1755/2'], ['300', '855/2']],对应源坐标[None, ['320', '240'], ['0', '0'], None, ['640/3', '160']];None表示落在内容矩形外。
第4组源960×600、窗口720×600,缩放3/4,内容边界['0', '75', '720', '525']。测试点[['0', '0'], ['360', '300'], ['0', '75'], ['720', '525'], ['240', '225']],对应源坐标[None, ['480', '300'], ['0', '0'], None, ['320', '200']];None表示落在内容矩形外。
第5组源640×600、窗口1080×800,缩放4/3,内容边界['340/3', '0', '2900/3', '800']。测试点[['0', '0'], ['540', '400'], ['340/3', '0'], ['2900/3', '800'], ['3580/9', '800/3']],对应源坐标[None, ['320', '300'], ['0', '0'], None, ['640/3', '200']];None表示落在内容矩形外。
第6组源960×720、窗口720×800,缩放3/4,内容边界['0', '130', '720', '670']。测试点[['0', '0'], ['360', '400'], ['0', '130'], ['720', '670'], ['240', '310']],对应源坐标[None, ['480', '360'], ['0', '0'], None, ['320', '240']];None表示落在内容矩形外。
中心、左上边界、右下边界及内部点一起检查,右下边界不属于可点击内容。
独立核对与边界
缩放后宽高都不能超过窗口,至少一轴应恰好填满。左右边距相等、上下边距相等;将有效源坐标重新缩放并加边距,应还原原窗口点。刚好落在右边或下边界的点要判为外部。
此例不裁剪、不拉伸,也不添加设备像素比。真实系统若在最后一步取整,边缘像素可能需要更细规则。先明确坐标是逻辑单位还是物理像素,再套用对应尺寸,不能把两套单位混算。
练习时只改变一个条件,先判断哪些中间步骤应当受影响,再重新计算。要把空状态、数值零和未能确定的结果分开。边界约定不同可能产生不同答案,复查的目标是确认输入、过程与规则一致,而不是只追求最后一个数字看起来相同。
