精华内容
下载资源
问答
  • 计算 像素 密度 ppi

    2013-04-12 16:21:00
    PPI,英文全称:pixels per inch,即像素每英寸,也叫像素密度,它是描述在水平的和垂直的方向上,每英寸距离的图像包含的像素(pixel)数目。因此PPI数值越高,即代表显示屏能够以越高的密度显示图像。当然,显示的...

    PPI,英文全称:pixels per inch,即像素每英寸,也叫像素密度,它是描述在水平的和垂直的方向上,每英寸距离的图像包含的像素(pixel)数目。因此PPI数值越高,即代表显示屏能够以越高的密度显示图像。当然,显示的密度越高,拟真度就越高。

      PPI是图像分辨率的单位,图像ppi值越高,画面的细节就越丰富,因为单位面积的像素数量更多。PPI也叫图像的采样率(在图像中,每英寸所包含的像素数目)。

      第一次接触到PPI,还是看到iPhone4的参数才得知的,所以这里不得提及iPhone4的屏幕以帮助理解。

      苹果新款iPhone 4将使用一种名为Retina(视网膜)屏幕的显示技术。苹果表示,Retina屏幕是一种具备超高像素密度的液晶屏,它可以将960×640的分辨率压缩到一个3.5英寸的显示屏内。也就是说,该屏幕的像素密度达到330像素/英寸(ppi)。

      iPhone4第二项革命性的功能提升是名为Retina的显示技术,这也是之前猜测最多的参数,与传言一致,iPhone 4采用了960×640像素分辨率的显示屏幕,相当于iPad屏幕78%的像素。由于屏幕大小没有变化,还是3.5英寸,分辨率的提升将iPhone 4的显示分辨率提升至iPhone 3GS的四倍。每英寸330个像素,这一分辨率非常惊人,对现实分辨率熟悉的用户会知道,通常我们电脑显示屏幕的分辨率为72ppi,iPhone 4的分辨率为电脑的4倍多,所以显示会非常细腻。

      iPhone 4 PPI为330是如何计算出来的呢?我也不知道,就去网上寻找答案,好像还真不好找,不过还是找到了。PPI是英文Pixels per inch的缩写,意思就是每英寸所拥有的像素(Pixel)数目,搞清楚了PPI是什么意思,我们就能很容易理解PPI的计算方式了,我们需要首先算出手机屏幕的对角线等效像素,然后除以对角线(我们平常所说的手机屏幕尺寸就是说的手机屏幕对角线的长度),就可以得到PPI了。准确的计算公式大家可以参照下图:

    展开全文
  • 对于一部手机,屏幕是用户与手机交互最方便、最有效、最直接的平台,也是信息显示的窗口。而窗口的配置表现如何,会直接影响到用户的观感和操作体验,在屏幕众多考量数据中,除了尺寸、屏...iPhone X屏幕像素密度...

    对于一部手机,屏幕是用户与手机交互最方便、最有效、最直接的平台,也是信息显示的窗口。而窗口的配置表现如何,会直接影响到用户的观感和操作体验,在屏幕众多考量数据中,除了尺寸、屏占比之外,还有一项非常重要--像素密度。如今,随着屏幕技术不断发展,当初视网膜级别的326ppi早已落伍,现在400ppi成为了一个新的门槛,下面就为大家推荐几款像素密度超过400ppi的热门手机。

    46a904c6b0f60d8715261090a3278ae3.png

    iPhone X

    屏幕像素密度:463ppi

    iPhone X这款手机不仅是为了纪念iPhone十周年,同时也标志着iPhone的转折,其独特的“齐刘海”异形全面屏也是赚足了眼球。与时下普遍的18:9全面屏,以及三星双曲面全面屏不同,iPhone X的全面屏显得更加独特,顶部中间位置有一片空余,而两侧的部分同样可以显示,被网友戏称为“齐刘海”。虽然最初看的时候有点不习惯,但真正使用之后,还是不得不佩服其出色的显示素质。这块屏幕像素密度达到了463ppi,视觉效果远超之前任何一代iPhone,当然这其中也少不了OLED的功劳,至少在目前的手机市场中,该屏幕的素质堪称顶级。

    c630ec646653d44df1da33ade75c8df8.png

    硬件配置部分,苹果一向都喜欢扮猪吃老虎,表面参数看起来似乎没有太多优势,但六核的A11足以吊打绝大多数Android手机,这种强悍不仅仅体现在运算能力和效率上,更多的还是来自于GPU部分,这点往往被普通消费者忽略,实际上GPU在应对大型游戏时,重要程度丝毫不低于CPU和运行内存,而苹果一直以来在这部分都有着极强的优势。至于相机,iPhone X仍然是手机拍照的标杆。

    三星Galaxy S8

    屏幕像素密度:568ppi

    聊屏幕少不了三星,屏幕素质三星绝对是顶级的存在,年初,三星推出了今年的首款旗舰产品Galaxy S8,正面配备一块5.8英寸Super AMOLED屏幕,分辨率为2960x1440像素,高达568ppi的惊人像素密度,令其拥有极佳的显示效果。而且,双曲面屏幕对于全面屏而言,可以带来更为惊艳的视觉效果。

    247e4587cbd1b8d61468c5c3c1cb9db4.png

    在硬件配置方面,三星有着跟苹果一样的低调,并没有过于激进,作为最早搭载骁龙835处理器的手机,三星S8的运行内存只有4GB,但存储颗粒技术上处于领先水平,再加上深度优化,可以令其性能得到最大发挥,实际运行速度和跑分测试结果,都证明该机综合表现绝对称得上旗舰水准,而在游戏影音娱乐方面,表现也着实出色。

    三星Galaxy Note 8

    屏幕像素密度:521ppi

    三星Note 8采用了一块6.3英寸的Quad HD+ SuperAMOLED全视曲面屏,分辨率达到了2960*1440像素,18.5:9的比例,辅以第五代大猩猩玻璃。而屏幕像素密度也达到521ppi(也有522ppi一说),虽然看似低于S8,但三星 Note8 的屏幕峰值亮度达到了 1200 尼特,比 S8 高了 22%。

    eab6c85f850603ebd571c668007448ad.png

    整机三围上,Note 8的三围为162.5 x 74.8 x 8.6毫米,重量195g,拥有IP68的防水级别,前置800万像素摄像头和后置1200万像素摄像头。同时S Pen也支持IP68的防水等级,而S Pen的趣味性及实用性的功能。续航方面,三星Note 8内置了一枚3300mAh的电池,经过了8项安全监测,既能够保证续航时间,同时也可以保证安全性,同时产品支持也加入了对快速无线充电的支持。

    OPPO R11s

    屏幕像素密度:401ppi

    在全面屏热潮的大背景下,OPPO也抓住时机,推出了旗下首款全面屏产品—R11s。全面屏加持下,不仅为它带来了更为宽广的显示面积,同时清晰度也达到了401ppi级别,显示效果清晰细腻,尤其是在浏览图片时,感受最为明显。艳丽的发色,再加上清晰的效果,非常赏心悦目,让你拿在手上的那一刻,便被深深吸引。

    d05d426d86177e8cc07b210b4bf65a81.png

    之所以提到图片浏览,是因为OPPO R11s除了全面屏外,另一个主打项便是拍照。其后置采用1600万像素+2000万像素的双摄方案,6P镜头+F/1.7大光圈,不仅拥有更为出色的景深效果,同时也带来了更大的进光量,在复杂场景下,应对更加游刃有余。在硬件配置方面,该机同样处于主流水准,全新的骁龙660处理器性能表现强悍,无论热门网游,还是多程序操作,都非常流畅。

    小米MIX 2

    屏幕像素密度:403ppi

    小米MIX 2延续了前代产品的设计语言,顶部和两个侧面都最大限度收紧,正面配备一块5.99英寸全面屏,像素密度达到了403ppi,显示效果清晰细腻。另外,在诸多细节方面,小米MIX 2进一步优化,例如之前MIX一代被用户诟病的听筒问题,MIX 2做出了卓有成效的改进,在保证视觉体验的情况下,增加了实体听筒,保证通话时的音效。

    955eb19fc349e934807a3daaba267336.png

    至于硬件配置,一直都是小米的强项,此次小米MIX 2搭载了最新的骁龙835处理器,而且是满血版,最高主频达到了2.45GHz,辅以6GB运行内存,无论玩大型游戏,还是播放高码率视频,都非常流畅。同时,为了满足不同消费者的需求,还提供了多个版本,包括64GB、128GB、256GB,可以存储更多的文件和照片。

    荣耀V10

    屏幕像素密度:403ppi

    荣耀V10采用了全新的设计,整体造型圆润,正面配备一块5.99英寸18:9全面屏,像素密度达到了403ppi,清晰的显示效果,可以让用户感受到更为细腻的画质体验。机身配色上,V10也更加时尚多样化,既有传统黑色和金色,同时还提供极光蓝和魅丽红两款配色供用户选择,可谓是真正的红蓝CP。

    5d1880c2e4ef92df09e9c7392279f1e2.png

    作为旗舰产品的它,在硬件配置方面自然不含糊,内部搭载了新一代麒麟970 AI芯片,采用10nm工艺制程,与上一代相比,性能提升20%。GPU采用全新升级的12核Mali G72,较之前代性能亦是提升了20%,能效提升50%,运行大型3D游戏更加流畅。麒麟970人工智能芯片内置神经网络处理单元(NPU),可深度理解用户行为,归纳同类计算,自主学习,让手机“更懂你”。

    展开全文
  • 编码UTF-8;我们在ZOL上可以通过“参数”查看知名设备的信息,但如果客户寄给你一个他们自己定制的平板,通过“设置”也看不到你想要的信息, ...此Demo提供了获取设备的分辨率、屏幕尺寸和屏幕像素密度(PPL)的方式。
  • 文章目录0、关于web app1、移动端与pc端的区别2、尺寸相关概念2.1、设备像素(物理像素)2.2、CSS像素(设备独立像素,逻辑像素)2.3、屏幕的尺寸2.4、像素密度PPI - 每英寸(面积)上像素(设备像素)的数量2.5 像素...

    0、关于web app

    web app 可以认为就是一个手机(网)站
    优点:

    1. 更新方便
    2. 跨平台的,

    缺点:

    1. 用户比原生app体现差些,
    2. 无法手机里系统功能,弹窗,通知,
    3. 也无法获取手机里的本地资源,比如通讯录
      在这里插入图片描述

    1、移动端与pc端的区别

    1. 系统
      pc:windows/mac(区别不大)
      移动端:ios/android/windows(有区别)
    2. 浏览器
      pc:区别很大 - 有浏览器兼容问题
      移动端:区别不大 - 手机浏览器大部分是webkit内核,没有兼容问题,css3也支持
    3. 分辨率(尺寸)
      pc:有区别
      移动端:区别很大 - 分辨率在不同的设备里不一样

    移动设备市场份额、分辨率等详情统计信息查看:手机相关信息统计


    2、尺寸相关概念

    2.1、设备像素(物理像素)

    1. 设备像素 又叫 物理像素由一个个会发光的点组成,从出厂的时候物理像素就固定了,不会变了;
      就像路边的显示屏
    2. 设备像素的单位是pt(点) – pt是绝对的单位 , 1 pt = 1/72英寸(inch);
    3. 手机屏幕里同理,一个个的发光点叫做设备像素,手机中的分辨率 指的就是设备像素,出厂后设备像素是不变的
    4. 像iPhone6 的屏幕分辨率是750*1334,代表iphon6横向由750个像素点,纵向上有1334个像素点
    5. 所以准确来说分辨率不应该用px来表示,应该用pt : 750pt * 1334pt

    2.2、CSS像素(设备独立像素,逻辑像素)

    1. CSS像素 是我们平时样式中的px,这是一个抽象的概念,是一个相对单位,大小是不固定的
    2. css像素的大小 取决于设备像素的大小
    3. 我们切的图是针对我们的电脑,因为电脑上默认1px = 1pt
    4. 但是当我们在电脑上缩放比例的时候,比如放大到两百的时候,css像素也会改变,会变成1px = 2pt,也就是当电脑上缩放比例的时候,css像素会改变,样式里 还是400px , 显示屏上 会变成800px(pt), 所以css 像素是个相对单位,用户缩放会影响css像素的大小
    5. w3c规定:px 这个并不是大小的单位,不表示大小;而是一个视角的单位,表示角度;,具体查看 详细信息

    2.3、屏幕的尺寸

    1. 屏幕的尺寸,不是面积,而是屏幕对角线的长度,这个长度的单位是 英寸inch
    2. 1英寸inch = 2.54厘米cm
    3. 屏幕尺寸=屏幕斜边的像素/PPI (PPI - 每英寸上像素的数量)
      在这里插入图片描述
      就像上图:计算屏幕尺寸: 屏幕尺寸=屏幕斜边的像素/PPI
    //屏幕斜边的像素
    const margin=Math.sqrt(Math.pow(1080,2)+Math.pow(1920,2));	//屏幕斜边的像素
    
    console.log(margin);	//2202.9071700822983
    console.log(margin/401);	//5.493534089980794 屏幕尺寸 ,约等于5.5英寸,PPI 是401
    console.log(margin/5.5);	//400.52857637859967	PPI
    

    2.4、像素密度PPI - 每英寸(面积)上像素(设备像素)的数量

    1. ppi是一个定值,出厂后就固定了,是一个固定的参数
    2. 像素密度 PPI的值越高,代表在一定尺寸的屏幕上像素数量越多,屏幕越清晰 – 屏幕是否清晰,看PPI最直接,不用看分辨率

    如下图,单位面积没变,里面的像素点更多了,ppi越高越清晰(苹果的高清屏被叫做视网膜屏)
    在这里插入图片描述

    1. 同一尺寸下,ppi增加n倍,物理像素会增加n*n倍。同时每个物理像素的大小会缩小1/n,例如:PPI提高了一倍,那物理像素数量会提高4倍,每个物理像素的大小会缩小1/4
    2. PPI = 屏幕斜边的像素 / 屏幕尺寸
    3. 点击 查看不同机型分辨率,屏幕尺寸 和 ppi

    在这里插入图片描述n

    //屏幕斜边的像素
    const margin=Math.sqrt(Math.pow(1080,2)+Math.pow(1920,2));	//屏幕斜边的像素
    
    console.log(margin/5.5);	//400.52857637859967	PPI
    

    2.5 像素比 - dpr

    1. 像素比DPR = 物理像素 / css像素 (之前说过css像素px 和 物理像素 pt 之间的关系就是 像素比
    2. 像素比的本质 : 一个css像素 占用 几个 物理像素,一个px 占 几个 pt
    3. 获取:window.devicePixelRatio
    iphone6
    		375 × 667		设备独立像素,屏幕尺寸  --css像素
    		750 × 1334		设备像素,屏幕分辨率   -- 物理像素
    		2				像素比
    //DPR=物理像素/css像素	=> 2=750/css像素	=> css像素=750/2=375
    

    4.像素比的作用: 保证高清屏能够正常的显示图片的大小;(保证高清屏 和普通屏显示的效果一样)

    点击查看 不同手机型号的 像素比

    在这里插入图片描述
    理论上:ppi增加1倍后,每个物理像素的大小会缩小1/4,导致图片视觉上会变小1/4,如上图;
    实际上:手机中显示并不是缩小的情况,而是如下图,即使ppi增加,导致每个物理像素的大小会缩小1/4, 所以我们可以把css像素变大,改成1px = 2pt,这样,图片视觉上大小一样了,但是图片会变模糊,所以我们不能这样改css像素,我们可以给一个大尺寸图片放进去,像上图我们给个原来图片尺寸*2的大小的图片就正常显示了
    在这里插入图片描述


    3、viewport

    viewport - 视口(可视区窗口),通过meta标签设置

    1. 可以认为 html的宽度 就是viewport的宽度
    2. 未设置时,屏幕的宽度默认为980,但不同的型号也会不同
    3. document.documentElement.clientWidth方法获取 viewport的值,窗口的宽度
    content视口里的相关设置
    width视口的宽度,值为一个正整数,或字符串device-width(设备的实际宽度 – css像素)。不建议设置数字(安卓设备有些不支持)
    height视口的高度(与width一至)- 一般不用管
    user-scalable是否允许用户进行页面缩放,值为no或yes,代表不允许与允许
    initial-scale页面初始缩放值,值为一个数字(可以带小数)。
    minimum-scale页面最小能够缩放的比例,值为一个数字(可以带小数)。
    maximum-scale页面最大能够缩放的比例,值为一个数字(可以带小数)。
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    
    1. device-width是设备的实际宽度 – css像素,比如iphone6 这样设置后,viewport 宽度就是375
    2. initial-scale有值的情况下算页面的公式:缩放比 = css像素 / viewport宽度 viewport宽度 = css像素 / 缩放比
    3. width=device-widthinitial-scale=1 效果一样,当两个都写,哪个大用哪个的尺寸;

    注意:
    1、有的时候大家会见到同时写了不允许缩放,又写了最小与最大能够缩放的比例,那这样不是冲突了,为什么都已经写了不允许缩放了,还要写那些?
    原因:

    1. 会有一些第三方的工具能够破坏user-scalable,比方说一些给父母的手机把文字放大的工具,就会有可能。不过一般是没有问题的
    2. 像iphone5下还会有黑边
    3. 所以写全了,可以避免一些bug

    2、ios10不支持user-scalable=no,后面事件解决(阻止document的touchstart的默认行为)


    4、meta 标签

    meta 标签 - 辅助型标签,本身没有任何作用,可以借助其他东西实现一些功能;

    seo优化:

    <meta name="description" content="京东JD.COM-专业的综合网上购物商城,图书、食品等数万个品牌优质商品.便捷、诚信的服务!">
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">
    

    移动端常用meta标签:

    禁止识别电话与邮箱(但是邮箱没效果)
    <meta name="format-detection" content="telephone=no,email=no" />
    
    设置添加到主屏后的标题(ios)
    <meta name="apple-mobile-web-app-title" content="标题">
    
    添加到主屏幕后,全屏显示,删除苹果默认的工具栏和菜单栏(无用)
    <meta name="apple-mobile-web-app-capable" content="yes" />
    
    放在桌面上的logo
    <link rel="apple-touch-icon-precomposed" href="iphone_logo.png" />
    
    启动时候的画面(无用)
    <link rel="apple-touch-startup-image" href="logo_startup.png" />
    
    
    设置x5内核浏览器只能竖屏浏览(只有UC有效)
    <meta name="x5-orientation" content="portrait" />
    
    设置x5内核浏览器全屏浏览
    <meta name="x5-fullscreen" content="true" />
    
    设置UC浏览器只能竖屏浏览
    <meta name="screen-orientation" content="portrait">
    
    设置UC浏览器全屏浏览
    <meta name="full-screen" content="yes">
    如果想屏蔽所有浏览器的横屏的话,需要在后面陀螺仪那章节讲
    

    5、移动端样式重置

    1. 禁止用户选中文字,安卓无效(在事件那章解决,包括长按的时候会出菜单,用阻止touchstart后的默认行为搞定)
      -webkit-user-select: none;
    2. 禁止长按弹出系统菜单
      -webkit-touch-callout: none;
    3. 去除android下a/button/input标签被点击时产生的边框 & 去除ios下a标签被点击时产生的半透明灰色背景
      -webkit-tap-highlight-color: rgba(0,0,0,0);
    a,input,button{
    	-webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    1. 默认手机横竖屏切换的时候,字体大小会变; 切换横竖屏或者用户自己通过浏览器设置的话,可以改变字体的大小(需要给body下的所有元素)
      -webkit-text-size-adjust: 100%;
    2. 按钮在ios下都是圆角
      -webkit-appearance: none; //去掉button与input都会有个默认背景
      border-radius: 0; //去掉input有个默认圆角
    3. 修改placeholder的样式
    	input::-webkit-input-placeholder{
    		color:#000;	//默认的样式
    	}
    	input:focus::-webkit-input-placeholder{
    		color:#f00;	//点击后的样式
    	}
    
    1. 字体
      移动设备里没有微软雅黑的字体;
      ios
      默认中文字体是Heiti SC
      默认英文字体是Helvetica
      默认数字字体是HelveticaNeue
      无微软雅黑字体
      android
      默认中文字体是Droidsansfallback
      默认英文和数字字体是Droid Sans
      无微软雅黑字体

      font-family: helvetica;

    总结:

    body{
    	font-family: helvetica;  /*设置字体,这个字体一般都有,如果没有的话可以用自定义字体--作为字体文件加载进来,会消耗用户浏览*/
    	margin: 0;
    }
    body *{
    	-webkit-user-select: none;    /*禁止用户选中文字*/
    	-webkit-touch-callout: none;  /*禁止长按弹出系统菜单*/
    	-webkit-text-size-adjust: 100%;  /*防止手机横竖屏切换的时候,字体大小会变*/
    }
    a,input,button{
    	-webkit-tap-highlight-color: rgba(0,0,0,0);   /*去除android下a/button/input标签被点击时产生的边框 & 去除ios下a标签被点击时产生的半透明灰色背景*/
    }
    button,input{
    	-webkit-appearance: none;   /* 去掉button与input 默认背景*/
    	border-radius: 0;  /*去掉input默认圆角*/
    }
    input::-webkit-input-placeholder{
    	color:#000;   /*修改placeholder的样式--默认的样式*/
    }
    input:focus::-webkit-input-placeholder{
    	color:#f00;   /*修改placeholder的样式--点击后的样式*/
    }
    

    6、webapp真机测试

    真机测试:手机中打开电脑中的地址,而且地址是本地的,不是在线的,而且是真机测试,手机中会自动刷新

    1. 手机中打开电脑的页面,一定要保证手机与电脑在同一wifi下
    2. win+ r 输入cmd打开命令行
    3. 输入ipconfigipv4地址
    4. 在浏览器中本地服务的ip 改为ipv4的地址
    5. 赋值地址后,百度里找二维码,生产二维码进行查看
    展开全文
  • 本文涉及到 px、sp、dp(dip)、分辨率和dpi(像素密度)的概念,以及像素密度计算 和 px 转换 dp 的计算公式、px、sp、dp互转的java工具类封装。 分辨率:指手机屏幕像素个数,如 720 * 1280 指屏幕宽有720个像素...

    本文涉及到 px、sp、dp(dip)、分辨率和dpi(像素密度)的概念,以及像素密度的计算 和 px 转换 dp 的计算公式、px、sp、dp互转的java工具类封装。

    分辨率:指手机屏幕像素个数,如 720 * 1280 指屏幕宽有720个像素点,高有1280个像素点

    PPI英寸像素:Pixles per Inch 又称DPI(Dots-per-Inch),即像素密度,由对角线像素点除以屏幕大小获得,通常达到400PPI已经是非常高的屏幕密度了

    PPI计算公式:√(宽2+长2) / 屏幕尺寸

    假如一部手机的分辨率是1080×1920,屏幕大小是5英寸,通过宽1080和高1920,根据勾股定理,我们得出对角线的像素数大约是2203个,2203除以5,计算结果是440。440dpi就是屏幕密度

    下表是Android手机的密度分类:

    密度ldpi低分辨率mdpi中hdpi高xhdpi超高xxhdpi超超高分辨率xxxhdpi超超超高分辨率
    密度值120160240320480640
    分辨率240*320320*480480*800120*12801080*1920

    根据此表得到比例 ldpi:mdpi:hdpi:xhdpi:xxhdpi = 3:4:6:8:12

    问题:假设在界面上绘制一个长度100px的线段,在分辨率为320*480的手机上,屏幕密度为160,分辨率为480 * 800屏幕上,屏幕密度为240,同样是100像素在两个不同分辨率屏幕上显示的长度就会不同,为了能在不同屏幕密度下得到相同长度的线段,我们使用dp为线段长度单位。

    独立像素密度dp::density-independent pixel(密度无关像素)各种屏幕密度不同导致同样像素大小的长度,在不同密度的屏幕下的显示长度不同,相同长度的屏幕高度屏幕含有更多的像素点,android系统使用mdpi即密度值为160的屏幕作为标准,在这个屏幕上1px = 1dp,所以我们可以使用不同密度的比例计算对应屏幕的px与dp比例关系。

    dp,px换算公式:px = dp * (dpi/160) dp = px / ( dpi /160 )

    放大像素sp:用于TextView的字号,使用sp当用户字号设置发生改变时,字体可以自动调整。

    默认情况下认为sp和dp一致是没有问题的,字体大小为“普通”,这时候dp和sp两个单位保持一致。但当修改了字体大小之后,以sp为单位的字体都会进行相应的缩放,所以谷歌推荐的字体单位的名字才叫做sp(scaled pixels)。

    实际使用时可以封装转换工具类转换px , sp 和 dp

    public class DisplayUtils{
        //将px转换为dp
        //scale 是密度因子,相当于(dpi /160 )
        public static int px2dp(Context context,float pxValue){
            final float scale = context.getResources().getDisplayMetrics().density;
            //在代码中转换时最后加上了0.5f,Android官方文档给的解释是为了向上取整,这样转换也就更精确
            return (int) (pxValue / scale + 0.5f);
        }
        //将dp转为px
        public static int dp2px(Context,float dipValue){
            final float scale = context.getResources().getDisplayMetrics().density;
            return (int) (pxValue * scale + 0.5f);
        }
        //dp转sp
        public static int px2sp(Context context,float pxValue){
            final float fontScale = context.getResources().getDisplayMetrics().scaleDensity;
            return (int) ( pxValue / fontScale + 0.5f )
        }
        
        //dp转sp
        public static int sp2[x(Context context,float spValue){
            final float fontScale = context.getResources().getDisplayMetrics().scaleDensity;
            return (int) ( pxValue * fontScale + 0.5f )
        }
    }
    
    展开全文
  • 手机屏幕分辨率、PPI像素密度科普知识大全 【PPi指数】是手机清晰度的重要决定因素,所谓的PPI即每英寸所拥有的像素数目。现在市售的大屏幕手机普遍分辨率都只停留在854*480的水平,同样的分辨率,屏幕越大,像 ...
  • 手机屏幕分辨率、PPI像素密度科普知识大全【PPi指数】是手机清晰度的重要决定因素,所谓的PPI即每英寸所拥有的像素数目。现在市售的大屏幕手机普遍分辨率都只停留在854*480的水平,同样的分辨率,屏幕越大,像素点...
  • 屏幕尺寸、屏幕分辨率、屏幕像素密度 屏幕尺寸: 指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米。 常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。 屏幕分辨率:(iphone6 750*1334) 指在...
  • [divider]什么是PPIPPI是pixels per inch的字幕缩写。...由于屏幕上的点、线和面都是由像素组成的,显示器可显示的像素越多,画面就越精细,同样的屏幕区域内能显示的信息也越多,所以分辨率是个非常重要的性能指...
  • PPI,英文全称:pixels per inch,即像素每英寸,也叫像素密度,它是描述在水平的和垂直的方向上,每英寸距离的图像包含的像素(pixel)数目。因此PPI数值越高,即代表显示屏能够以越高的密度显示图像。当然,显示的...
  • 屏幕像素密度ppi:pixels per inch,屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度。顺便一提,ppi就是dpi,只不过有文章里说苹果喜欢用ppi,dpi安卓喜欢用,emmmm,所以还是用ppi吧。 ppi的计算:屏幕对角线...
  • 之前一直没弄懂,在手机、电脑设备上的分辨率与摄影机上面的分辨率有什么不同,还有DPI、PPI又是什么。今天查了之后大概有了一些了解,给大家简单分享一下,如果要看一些详细的文章,下面还附有链接
  • 首先手机的分辨率单位是像素像素也叫px,像素是组成点线面的最小单位,比如手机的像素是1920px*1080px的话,就是说手机在竖向的高度上有1920个像素块,在横向的宽度上有1080个像素块。 3.分辨率比 刚才手机的像素是...
  • LCD的像素密度PPI

    千次阅读 2010-11-22 12:41:00
    【图片】
  • 屏幕像素计算器

    2013-04-08 19:57:10
    手机屏幕像素计算器,计算屏幕的像素密度(单位是PPI
  • android屏幕 像素 DP 相关计算

    千次阅读 2015-03-23 10:38:27
    // 获取屏幕宽度:    Context context=MainActivity.this;  WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);  DisplayMetrics outMetrics = new DisplayMetrics();  ...
  • 转载,版权归原作者所有,因为网上输入这个名字有很多出处,我也不知道哪个才是最早的链接了,所以需要的自行百度 ...先上一张图,给大家看看关于手机屏幕方面的一些参数。红框内的三个参数,大家一定都不陌生,我也不
  • 像素于分辨率 像素,又称画素,为图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意,有时亦被称为pel...
  • Android开发为适配不同屏幕需要在资源文件中添加多套图片或者多套布局文件,这篇文章讲解多套图片。 ldpi,mdpi,xhdpi,xxhdpi,xxxhdpi分别代表什么?如何使用。 1屏幕大小 智能手机普及,屏幕也随之越来越大,从...
  • 在此做笔记方便查看:原文见 :点击打开链接 http://www.chinaz.com/manage/2015/0902/441624.shtml另:关于屏幕的适配:参考文章点击打开链接 http://www.cocoachina.com/android/20151030/13971.html今天我给...
  • 在实现组件跳动的时候,要用到组件的移动,那么问题来了,在不同的手机像素密度不同,分辨率不同,你要是用像素(px)作为移动单位的话,到了低一点的分辨率的手机上运行的时候,跳起的高度不是你在2k屏幕设置的理想...
  • CSS像素 物理像素 分辨率 PPI

    千次阅读 2016-12-08 15:16:50
    虽然自己平时也在写响应式的网站,但是对于像素,分辨率,物理像素几个概念还是有点理不清楚,下面是我看了一些文章和自己的总结记录下来的文章,以免后面自己又忘记。 这里着重参考了 第一篇文章:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,633
精华内容 1,053
关键字:

屏幕像素密度ppi计算