详解10系拨号盘

从本圈拿了两个代表两个分辨率屏的图分析了下。 图一是1080×2340，图二是1080×2244。

从已知条件从底栏倒推向上走，底栏为1080x170，下文简称宽为170，呼叫按钮栏宽222，四排数字按键每排宽180。
这是10系不区分分辨率屏的固定宽度，得出盘背景宽度为222+720=942，位置在图一的第二根到最下面那根红线，图二是第三根到最下面那根红线位置。当然这还不是盘背景的最终宽度。

不同的地方:
图一那个分辨屏，第一到第二根红线之间是粗细分隔条，即在盘背景图上作透明图的地方，宽度大约48，即这个屏的盘背景是942有图+48透明。要P按键背景的就直接从有图背景即从第二根红线处开始按每栏180的宽度自己计算坐标。
图二那个分辨屏，第一二根红线之间仍然是粗细分隔条，不同的是宽度大约是32。图二多划了一条红线，即第二三根红线之间，宽度约16，这部分要做成有图背景，即这个分辨率屏的盘背景是958有图+32透明。要P按键背景框的则从第三根红线开始计算。

附图一1080×2340分辨屏盘背景裁剪坐标，裁1080×942，y轴坐标为1228，简单做法就是裁好后叠加在1080×990的透明图下部（即y轴48），再在上部透明图部分作点9即可。

提示，各人手机分辨率不同，则粗分隔的宽度不相同，这个可以通过开发者助手查看排版坐标数值（y减y）计算得出。细分线为1，粗细分线合计为偶数。

沙发

原图发出来无红线，只好补截屏图

顶大佬

支持

感谢图文并茂的详细讲解！
今天下午也搞懂了，动手实践了一下，搞定。
高度尺寸下调了一点，不影响拨号数字键位置就行。切着那个线的话，会稍微有一点点位移。

看一下效果图

顶

顶顶顶

学习