m 厘米 & inch 英寸
厘米:(centimeter 缩写 cm),英寸:(inch 缩写 in)都是作为长度单位使用(我们使用厘米而西方国家使用英寸)
px 像素
像素:影像显示的基本单位,翻译成中文称为"像素"缩写 px(简单理解为在计算机显示器上的一个一个的小方格,一个格子便是一个像素)
了解更多请参考维基百科:https://zhwikipediaorg/wiki/%E5%83%8F%E7%B4%A0
ppi 屏幕像素密度
屏幕像素密度:(Pixels Per Inch)直译过来就是每英寸上显示的像素数量
分辨率
分辨率指屏幕上有多少个格子(像素 px),如大家经常会看到一些电脑配置显示 1920X1080 1024X768 1600X900 均表示当前屏幕横纵一共显示了多少个像素数量,如横向显示了 1920 个格子(像素)、纵向显示了 1080 个格子(像素),那么就称当前屏幕分辨率为 1920X1080
无图无真相
结合以下更好的理解上面的这些概念
1 厘米:
6d9aad8e72a743d6fcfe08c0fb7751edpng
1 英寸:
da7cd298718f0a46ed99f7e6dedd082dpng
像素:
5cdcba1670d472af307233c636274374png
ppi 屏幕像素密度:
173211f5ad960f7975a72385105fac5epng
分辨率:
cddc2362445bf3d0e4b8f50dd63882aepng
f82db3b3def8eccef0cb60c66ea81d6epng
接下来直接进入实操看如何计算
如何计算
公式
34c52f82601dfab09c6c3f76094008e8png
上图公式则是关于分辨率、PPI、尺寸三者之间的关系(对公式还是啰嗦几句吧懂得跳过)
√ X^2+Y^2 表示什么
8760bb6aea98b81b3fea16945051a03bpng
勾股定理:a^2+b^2=c^2 两条直角边的平方和等于斜边的平方(如果忘记了,请自行检索相关资料)
不知道看到这个勾股定理是否明白,其实就是为了得到屏幕对角线像素数量(知道横向、纵向的像素数量使用勾股定理计算对角线平方,然后开平方得出对角线像素数量)
为什么要计算对角线像素数量呢？先暂且忽略,后面会介绍
对于公式知道了分子(√ X^2+Y^2)表示对角线像素数量,分母 z 表示屏幕尺寸,得出的 PPI 就是屏幕每英寸的像素数量
了解了公式之后,下面的各种求值都是基于此公式展开的
ppi
示例一: 一代经典 iPhone4
参数
899785042ee2eab98daf2644a60f52abpng
var ppi = Mathsqrt(960 960 + 640 640) / 35;
consolelog(ppi); //≈330
注: 部分测试 ppi=326,则是按照严格的屏幕 354 计算得出
示例二: 小米 MIX3
参数
007fc593b0d473417ddd5d9d9bb7dcf7png
var ppi = Mathsqrt(2340 2340 + 1080 1080) / 639;
consolelog(ppi); //≈403
示例三: MacBook Pro 13 英寸机型
参数
7528a84184ae777b36471380b95b500fpng
var ppi = Mathsqrt(2560 2560 + 1600 1600) / 133;
consolelog(ppi); //≈227
屏幕尺寸
首先需要知道以下两点:
屏幕尺寸是指物理尺寸(如手机屏幕、电脑屏幕、LED 屏幕都是真实存在的尺寸)
屏幕尺寸指的屏幕对角线的长度(可以借助工具测量(尺子)或者通过上面公式计算得出)上面公式图也有标注
其次再回答上面提到过的为什么要计算对角线像素数量呢,因为屏幕尺寸指的是对角线物理长度(x 厘米、x 英寸),ppi 指的是每英寸的像素数量,使用对角线的像素数量 ÷ppi 每英寸的像素数量=屏幕尺寸长度(细细品一下)
把上面的公式变白话文如下:
(已知条件)PPI=(已知条件)对角线像素数量 ÷(未知)屏幕尺寸
进而演变为如下:
(未知)屏幕尺寸=(已知条件)对角线像素数量 ÷(已知条件)PPI
所以下面的示例使用此公式计算屏幕尺寸
示例一: HUAWEI P40
参数
7305ea5d2ce06d96e8ace203c8d1d800png
var z = Mathsqrt(2340 2340 + 1080 1080) / 420;
consolelog(z); //≈61
示例二: 小米 10
参数
a443c22e143854060e629e8adaa9e9c5png
var z = Mathsqrt(2340 2340 + 1080 1080) / 386;
consolelog(z); //≈667
屏幕比例
概念:自行检索比例、比例式、公约数、欧几里德算法
首先回顾一下比例式 如 960:640=3:2 是如何计算的,这时候需要找到最大公约数(就是能够被 960 和 640 共同整除的数),如何找出可以使用欧几里德算法(其实就是不断的计算被除数%除数的余数为 0 为止)如下面的 javascript 版本
function gcd(x, y) {
if (x % y == 0) return y;
return gcd(y, x % y);
}
所以上面的示例最后计算结果如下:
960÷320:640÷320=3:2
1920÷120:1080÷120=16:9
按照这种方式,我们来计算一下小米 mix3 的屏幕比例,已知屏幕分辨率是 2340 x 1080,最大公约数是 180,最后计算结果如下:
2340÷180:1080÷180=13:6
如果单纯的计算比例式的话 13:6 的结果是没错的(相信自己四则运算还是可以的),但看官方给出的比例是 195:9,问题出在哪里呢
这里要说一点在屏幕比例计算的时候通常会有一个基数 10、9、3、1,为什么会存在基数？就是为了方便对两个或多个屏幕的比例比较,如一款手机屏幕比例 16:9,另一款是 18:9 可以直观进行对比,而不是用 16:9 和 2:1 进行比较这便是基数存在的意义为了更方便的对比屏幕比例
啰嗦了上面这么多,那这个基数该如何使用在啰嗦一句基数通常用于横纵(长宽)中的较短的一边如纵或宽一边,比例式可以转换为等积式,下面直接解即可
2340:1080=x:10
解:
1080x=2340 × 10
1080x=23400
x=23400/1080
x≈217
最后结果 2340:1080=217:10
2340:1080=x:9
解:
1080x=2340 × 9
1080x=21060
x=21060/1080
x=195
最后结果 2340:1080=195:9
重要的参数有：
主屏尺寸：64英寸
主屏分辨率：2040x1080像素
后置摄像头：1600万像素
前置摄像头：500万像素
电池容量：4400mAh
电池类型：不可拆卸式电池
核心数：四核
内存：4GB
其他参数有：
操作系统：MIUI 8
触摸屏类型：电容屏，多点触控
屏幕像素：密度361ppi
窄边框：292mm
屏幕占比：8402%
其他屏幕参数：全面屏，阳光屏，夜光屏，护眼模式，色温调节，标准模式
94% NTSC色域，高色彩饱和度362 PPI，1300:1 对比度，硬件级圆角屏幕
高通：骁龙821（MSM8996 Pro）
CPU频率：235GHz
核心数：四核
GPU型号：高通 Adreno530
RAM容量：4GB
ROM容量：128GB
存储卡：不支持容量扩展
充电时间：快充30
4G网络：移动TD-LTE，联通TD-LTE，联通FDD-LTE，电信TD-LTE，电信FDD-LTE
3G网络移动：3G（TD-SCDMA），联通3G（WCDMA），电信3G（CDMA2000），联通2G/移动2G（GSM）
SIM卡：双卡，Nano SIM卡
WLAN功能：双频WIFI，IEEE 80211 a/b/g/n/ac
导航GPS：导航，A-GPS技术，GLONASS导航，北斗导航
连接与共享：WLAN热点，蓝牙42，NFC
机身接口：35mm耳机接口，USB Type-C接口
其他网络参数：全网通30，4G+
摄像头类型：双摄像头（前后）
后置摄像头：1600万像素
前置摄像头：500万像素
传感器类型：CMOS
闪光灯：LED补光灯
光圈：f/20
视频拍摄：4K（3840x2160，30帧/秒）视频录制
拍照功能：PDAF 相位对焦，暗光增强技术，高动态范围调节技术，全景模式，自动HDR拍照，连拍模式，面部识别功能，倒计时自拍，面部识别功能，合影优选，魔镜。
造型设计：直板
机身颜色：黑色
手机尺寸：1588x819x79mm
手机重量：209g
机身材质：陶瓷机身
操作类型：虚拟按键
指纹识别：设计后置指纹识别
感应器类型：超声波距离传感器，指纹识别，陀螺仪，电子罗盘，加速传感器，电子罗盘，气压计，环境光传感器，振动马达， HALL传感器
音频支持：支持MIDI/MP3/AAC等格式
视频支持：支持3GP/MP4等格式
支持：支持JPEG/GIF等格式
常用功能：秒表，计算器，电子词典，备忘录，日程表，记事本
其他功能参数：全功能 NFC
