PPI(pixels per inch)是图像分辨率的单位,表示的是每英寸所拥有的像素(pixel)数目.那如何计算勒?其实PPI计算有这相应的公式,公式为:sqrt(横向的平方+纵向的平方)/屏幕尺寸,注意此处的屏幕尺寸是英寸.知道了公式,那么计算PPI就没有什么问题了.另外,公式中的横向是指屏幕的x分辨率,纵向是指屏幕的y分辨率.那怎么计算英寸?我们平常使用的是厘米,毫米什么的,其实他们之间也有一个等价换算,即:1英寸=25.4毫米.知道了这些,那么如何计算屏幕的英寸大小?计算英寸,我们首先…

首先我们来了解一些基本元素: px:像素,屏幕上的点. dpi:一英寸长的直线上的像素点的数量,即像素密度.标准值是160dp. /*** 正是因为dpi值其代表的特性,所以android项目的资源文件下存在以下目录:drawable-ldpi ( 当dpi为120时,使用此目录下的资源)drawable-mdpi ( 当dpi为160时,使用此目录下的资源)drawable-hdpi ( 当dpi为240时,使用此目录下的资源)drawable-xhdpi ( 当dpi为320时,使用此目录下…

dip(dp): device independent pixels(设备独立像素) dip,就是把屏幕的高分成480分,宽分成320分.比如你做一条160dip的横线,无论你在320还480的模拟器上,都是一半屏的长度. dpi:dot per inch dpi＝(√(横向分辨率^2+纵向分辨率^2))/屏幕尺寸) ppi:pixels per inch(跟dpi一样) 计算了一下小米手机屏幕的PPI,4.0英寸.分辨率854X480,PPI(DPI)   =√(854^2+480^2)/4=…

来自//www.cocoachina.com/ 初代 iPhone 2007 年,初代 iPhone 发布,屏幕的宽高是 320 x 480 像素.下文也是按照宽度,高度的顺序排列.这个分辨率一直到 iPhone 3GS 也保持不变. 那时编写 iOS 的 App(应用程序),只支持绝对定位.比如一个按钮(x, y, width, height) = (20, 30, 40, 50),就表示它的宽度是 40 像素,高度是 50 像素,放在(20, 20)像素的位置. iPhone 4 2010…

Cocos2d-x 屏幕适配新解 – 兼容与扩展 本文出自[无间落叶](转载请保留出处):http://blog.leafsoar.com/archives/2013/05-13-08.html 在读这篇文章之前,先读前一篇文章 Cocos2d-x 屏幕适配新解 (http://www.ityran.com/archives/4018)是必要的. 如果说前一篇文章文章在 LsSize 提出之前的是基础,LsSize 是应用,那么对于这篇文章来说,LsSize 是基础,而这里是其的综合应用,我之初…

像素于分辨率 像素,又称画素,为图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意,有时亦被称为pel(picture element).每个这样的信息元素不是一个点或者一个方块,而是一个抽象的采样.仔细处理的话,一幅图像中的像素可以在任何尺度上看起来都不像分离的点或者方块:但是在很多情况下,它们采用点或者方块显示.每个像素可有各自的颜色值,可采三原色显示,因而又分成红.绿.蓝…

iOS 的 APP 在系统中如何适配不同的屏幕的尺寸 标签: 2007年,初代iPhone发布,屏幕的宽高是 320 x 480 像素.下文也是按照宽度,高度的顺序排列.这个分辨率一直到iPhone 3GS也保持不变. 那时编写iOS的App(应用程序),只支持绝对定位.比如一个按钮(x, y, width, height) = (20, 30, 40, 50),就表示它的宽度是40像素,高度是50像素,放在(20, 30)像素的位置. iPhone 4 2010年,iPhone 4发布,率先采…

屏幕尺寸是指屏幕对角线的长度,一般以英寸为单位,1英寸(inch)=2.54厘米(cm).传统意义上的照片尺寸也是这个概念.所以同样尺寸(指对角线)的屏幕,也可能长宽比率不同.像素(Pixel):是位图(如数字图像)里的抽象概念,指计算机对图像的采样点,没有具体尺寸.通俗理解就是一个一个的方框(点),计算机会保存该采样点的位置和颜色值. 分辨率:像素的总数.如1024px*600px,表示在每行上有1024个像素(采样点),在每列上有600个像素(采样点).注意只要没有对数字图像本身进行编辑,任…

1.PX(CSS pixels) 1.1 定义 虚拟像素,可以理解为“直觉”像素,CSS和JS使用的抽象单位,浏览器内的一切长度都是以CSS像素为单位的,CSS像素的单位是px. 1.2 注意 在CSS规范中,长度单位可以分为两类,绝对(absolute)单位以及相对(relative)单位.px是一个相对单位,相对的是设备像素(device pixel). 在同样一个设备上,每1个CSS像素所代表的物理像素是可以变化的(即CSS像素的第一方面的相对性); 在不同的设备之间,每1个CSS像素所代…

1 明确几个概念: 物理像素:屏幕物理像素 屏幕像素密度ppi:pixels per inch,屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度.顺便一提,ppi就是dpi,只不过有文章里说苹果喜欢用ppi,dpi安卓喜欢用,emmmm,所以还是用ppi吧. ppi的计算:屏幕对角线的屏幕物理像素密度除以屏幕尺寸. 以 iphone6 为例子,屏幕是 1334*750,326ppi,屏幕4.7英寸 Math.sqrt(Math.pow(1334,2)+Math.pow(750,2)) / 4.…

mobile app & ppi & dpi & px How do dp, dip, dpi, ppi, pixels and inches relate? https://stackoverflow.com/questions/8478882/how-do-dp-dip-dpi-ppi-pixels-and-inches-relate What is the difference between "px", "dip", "dp…

H5开发基础之像素.分辨率.DPI.PPI  html5  阅读约 4 分钟 ​2016-09-03于坝上草原 背景知识: 目前绝大部分显示器都是基于点阵的,通过一系列的小点排成一个大矩形,通过每个小点显示不同的颜色来形成图像,我们把每个小点称为一个像素 (pixel). 概念点: 1. Dot:物理属性的一个点,打印机或屏幕通过这些点把图片print出来.一块屏幕的Dot的点是固定的.对于一台具体的显示器,多个点(dots)排列起来之后,构成的一个整体的宽度和高度,我们称之为显示器的"物理尺寸…

无意中打开了一年前做过的一个android应用的代码,看到里面实现的一个小功能点(如题),现写篇文章做个笔记.当时面临的问题是,在旋转屏幕的时候需要让gridview的列数与宽度能自适应屏幕宽度,每个单元格之间还需要保留一定的间距.因为每款手机的屏幕宽度不都相同,我们在指定了单元格的宽度与间距之后,并不能确定每行中所能容纳的单元格数量,这个数量必须在运行时通过计算得出,同样,我们设置的单元格宽度和间距不能保证刚好容纳在屏幕宽度内,为了解决这个问题,设计了一个简单的算法,首先需要预先指定单元格的宽…

一.屏幕中各种栏目以及屏幕的尺寸 当我们需要计算屏幕中一些元素的高度时,或许需要先获取到屏幕或者各种栏目的高度,下面这个类包含了Status bar状态栏,Navigation bar虚拟按键栏,Action bar标题栏, Window屏幕内容等的宽高的计算,可以带来极大的方便. 因为我在代码中做了比较详尽的注释,在这里不再多阐述,以下是代码: /** * 这个类描述了当前设备的配置中system bar的尺寸(StatusBar状态栏,NavigationBar虚拟按键栏,ActionBar…

Supporting Multiple Screens 支持各种各样的屏幕尺寸.屏幕密度 Android runs on a variety of devices that offer different screen sizes and densities. For applications, the Android system provides a consistent development environment across devices and handles most of t…

概述 屏幕分辨率.设备像素和CSS像素这些术语,在非常多语境下,是可互换的,但也因此easy在有差异的地方引起混淆,实际上它们是不同的概念. 屏幕分辨率和设备像素是物理概念,而CSS像素是WEB编程的概念:屏幕分辨率和设备像素的区别在于设备像素显示密度. 当设备屏幕ZOOM=100%的时候,浏览器CSS像素尺寸和设备像素相等,而当像素密度(pixel density)为1的时候,屏幕分辨率和设备像素相等. 响应式设计 在响应式设计中,使用了viewport,device-width,media…

好久没有做android项目UI的适配了,好多基本概念都已经模糊了,于是萌生了将屏幕分辨率.常用单位.常用图标尺寸等信息规整的想法,一下就是通过查询资料,自己验证的一些随笔,如有失误之处,望大家及时予以指正,我将及时更新改正,有部分内容未添加,有些是不常用,有些是没有相关资料,希望在以后能慢慢补全. 一.常见单位: 1.px(pixels):(像素) 屏幕上可见像素点 2.dip/dp(Density independent pixels): 设备无关像素的长度单位. 3.sp(放大像素):sc…

android中图片适配是一件很棘手的事情,本篇文章详细的介绍屏幕显示的原理,为什么会资源文件中会存在 drawable-ldpi.drawable-mdpi.drawable-hdpi.drawable-xhdpi等文件夹,为什么要使用dp作为单位等等. 首先从这两张图片的显示效果开始说起 这是一张200x200的图片在不同的手机上的显示效果.很明显第二张图片看上去要比第一张占用的空间小很多?这是为什么呢? 这里我们引入 ppi (pixel per inch)名词,翻译过来就是每英寸的距离像…

1. 概念定义 寸/英寸:   1寸=3.333333厘米:1英寸=2.54厘米(屏幕尺寸以英寸为单位) 像素 :    像素是组成图象的最基本单元要素:点. 一个像素有多大呢?主要取决于显示器的分辨率,相同面积不同分  辨率的显示屏,其像素点大小就不相同. 屏幕尺寸分为物理尺寸和显示分辨率两个部分. 1. 物理尺寸: 物理尺寸是指屏幕的实际大小.取手机屏幕对角线长度,如 1.5英寸-1.8-2.0-2.2-2.4-2.6-2.8-3.0-3.2-3.4-3.6-3.8英寸 2. 分辨率:  …

这次就来梳理一下 Android 的屏幕刷新机制,把我这段时间因为研究动画而梳理出来的一些关于屏幕刷新方面的知识点分享出来,能力有限,有错的地方还望指点一下.另外,内容有点多,毕竟要讲清楚不容易,所以慢慢看哈. 提问环节 阅读源码还是得带着问题或目的性的去阅读,这样阅读过程中比较有条理性,不会跟偏或太深入,所以,还是先来几个问题吧: 大伙都清楚,Android 每隔 16.6ms 会刷新一次屏幕. Q1:但是大伙想过没有,这个 16.6ms 刷新一次屏幕到底是什么意思呢?是指每隔 16.6ms…

概述  在本篇文章的开始,我先为大家解释一下这三个名词的概念.  px全称为pixel--像素.pc及移动设备的屏幕就是通过往像素矩阵中填充颜色,从而在宏观上体现出图像.像素越小,图像越清晰.  分辨率又称解析度.解像度,其意义为该屏幕中能够显示的像素个数,往往用水平和垂直像素个数来衡量.  ppi全称为pixels per inch,意义是每英寸所拥有的像素个数.由px的定义可以得出,ppi越大,图像越清晰. px所需要思考的问题  相同的px个数,如10px,在不同类型的显示屏幕上的物理长度…

解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ /* position: absolute; top: 10%; */ width: 100%; height: 600rpx; transform: scale(0.7) } js文件里设置了 width: windowWidth, height: 300, dataLabel: true 开发…

导读 Lightbot当你开始在计算机前花费大量时间的时候,问题自然开始显现.这健康吗?怎样才能舒缓我眼睛的压力呢?为什么光线灼烧着我?尽管解答这些问题的研究仍然在不断进行着,许多程序员已经采用了一些应用来改变他们的日常习惯,让他们的眼睛更健康点.在这些应用中,我发现了两个特别有趣的东西:Calise和Redshift. 1.Calise 处于时断时续的开发中,Calise的意思是“相机光感应器(Camera Light Sensor)”.换句话说,它是一个根据摄像头接收到的光强度计算屏幕最佳的…

window.onscroll = function () { var sl = -Math.max(document.body.scrollTop, document.documentElement.scrollTop); //document.getElementsByClassName('layui-m-layerchild').style.Top = sl + 'px'; $("#fixdiv").css("top", sl + "px"…

1.基本概念 屏幕大小(screen size) – 屏幕的实际大小,用屏幕对角线长度来衡量(比如3.4寸,3.8寸).android把屏幕分为以下4种:small,normal,large,extra large.怎么判断? 屏幕密度(Screen Density) -  一 块实际的屏幕区域有多少个像素,一般用dpi衡量(每英寸有多少个点).相比起medium.high屏幕密度的设备,在一块确定大小的屏幕区域l密度为 low的屏幕拥有的像素更少.android把屏幕密度分为4种:low,me…

https://segmentfault.com/q/1010000002794179 通过android提供的接口,我们可以获取到如下的信息:int densityDpi = mContext.getResources().getDisplayMetrics().densityDpi;float scaledDensity = mContext.getResources().getDisplayMetrics().scaledDensity;float density = mContext.g…

gluPerspective(GLdouble fovy,GLdouble aspect,GLdouble zNear,GLdouble zFar) fovy:视角,指定视景体的视野的角度,以度数为单位,y轴的上下方向(x轴的视角可以由y轴视角和视景体的宽高比计算出) aspect:视景体的宽高比(窗口的纵横比,即x/y) zNear:指定观察者到视景体的最近的裁剪面的距离(必须为正数) zFar:指定观察者到视景体的最远的裁剪面的距离(必须为正数) 在初始化OpenGL时,需要使用gluPer…

Android源码中是这样来描述DisplayMetrics的. /** * A structure describing general information about a display, such as its * size, density, and font scaling. * <p>To access the DisplayMetrics members, initialize an object like this:</p> * <pre> Disp…

一.简介 在前面创建使用组件时,虽然使用的都是伸缩盒子布局,但是很少使用宽高来进行绝对定位.在iOS中可以通过UIScreen控件获取当前屏幕的宽高,同样地,在RN中提供了一个尺寸组件Dimensions,英文译为“英尺”,开发者通过它也能拿到当前屏幕的宽和高.Dimensions组件类中,声明的函数属性都是静态的,直接通过类名调用即可. //设置尺寸 static set(dims: {[key:string]: any}): void {} //获取尺寸 static get(dim: st…

在app store下载应用时经常看到:此App已针对iPhone 5 进行优化.可是Android手机屏幕规格这么多,相差这么远.难道要针对每个尺寸都进行一次优化吗?(题主非专业人士,看到2014年Android碎片化报告里面的屏幕碎片化,好奇想了解一下,求大神回复) -----------2 个回答 ABEL苏,EUI设计 曹蔚.Brave Mongoose.许子鹏 等人赞同 首先,不用绝对单位PX绝对单位PX在不同分辨率下的表现大相径庭,无法适配各种屏幕. 要用相对单位DP来定义元素的尺寸…