手机屏幕

Android手机屏幕适配一直是老生常谈的问题，像Android产品市场上种类繁多，单单就手机而言，屏幕的尺寸和分辨率就各有不同，还包括搭载Andorid系统的平板、穿戴设备、电视、车机等产品，要想自己做的APP能够自由地运行在各种设备上，适配那是必须的。 1.屏幕尺寸、屏幕分辨率、屏幕像素密度 （1）屏幕尺寸 买手机时最常见，目前Android手机都开始向大屏方向发展，像过往的5.0英寸的手机，都成小屏幕手机了，常见的5.0英寸、5.15英寸、5.5英寸等，都是屏幕尺寸，对于屏幕尺寸的适配，没有太多的要求。 （2）屏幕分辨率 目前市面上最常见的就是1080P，1920*1080， 单位是px，1px = 1像素点 ，这也是1080P的由来，P就是px，横纵的像素个数乘积。 （3）屏幕像素密度 指的是每英寸屏幕上像素点的个数， 单位是dpi ，这个参数在买手机的时候也是会带的，尤其是大屏手机，如果屏幕像素密度比较低，就会有颗粒感，不知你们有没有这样的体验。 2.dp、dip、dpi、sp、px等计量单位之间的关系 （1）dp和dip 这个就非常常见了，我们在写布局的时候，在设置控件宽度或者高度的时候，都会设置为xxdp；以160dpi（屏幕像素密度）为基准，1dip = 1px dp（dip）是密度无关像素，为什么这么说呢? 假设有两个手机屏幕，分别为A：480 320

移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题： 1px问题 UI图完美适配方案 iPhoneX适配方案 横屏适配 高清屏图片模糊问题 ... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等。 本文将从移动端适配的基础概念出发，探究移动端适配各种问题的解决方案和实现原理。 一、英寸 一般用英寸描述屏幕的物理大小，如电脑显示器的17、22，手机显示器的4.8、5.7等使用的单位都是英寸。 英寸和厘米的换算：1英寸 = 2.54 厘米 二、物理像素 2.1 像素 像素即一个小方块，它具有特定的位置和颜色。 图片、电子屏幕（手机、电脑）就是由无数个具有特定颜色和特定位置的小方块拼接而成。 像素可以作为图片或电子屏幕的最小组成单位。 2.2 物理像素 到电商网站购买手机，都会看一看手机的参数，以apple的官网上对手机分辨率的描述为例： iPhone XS Max 和 iPhone SE的分辨率分别为2688 x 1242和1136 x 640。表示手机分别在垂直和水平上所具有的像素点数。 这里描述的就是屏幕实际的物理像素，即一个屏幕具体由多少个像素点组成。 屏幕从工厂出来那天起

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点…… viewport 语法介绍： 01 <!-- html document --> 02 < meta name = "viewport" 03 content = " 04 height = [pixel_value | device-height] , 05 width = [pixel_value | device-width ] , 06 initial-scale = float_value , 07 minimum-scale = float_value , 08 maximum-scale = float_value , 09 user-scalable = [yes | no] , 10 target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] 11 " 12 /> width 控制 viewport 的大小，可以指定的一个值或者特殊的值，如

允许网页宽度自动调整 　　首先，在网页代码的头部，加入一行viewport元标签。 　　viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。 　　所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。 代码如下： <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> 　　三、不使用绝对宽度 　　由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。 　　具体说，CSS代码不能指定像素宽度： 　　width:xxx px; 　　只能指定百分比宽度，我一般会指定外包的div宽度100%

1 为什么要进行Android屏幕适配 由于 Android 系统的开放性，任何用户、开发者、 OEM 厂商、运营商都可以对 Android 进行定制，于是导致： Android 系统碎片化 ： 小米定制的 MIUI 、魅族定制的 flyme 、华为定制的 EMUI 等等——当然都是基于 Google 原生系统定制的； Android 机型屏幕尺寸碎片化 ： 5 寸、 5.5 寸、 6 寸等等； Android 屏幕分辨率碎片化 ： 320x480 、 480x800 、 720x1280 、 1080x1920。 屏幕尺寸分布图 据友盟指数显示，统计至 2015 年 12 月，支持 Android 的设备共有 27796 种。 当 Android 系统、屏幕尺寸、屏幕密度出现碎片化的时候，就很容易出现同一元素在不同手机上显示不同的问题。 虽然系统为使您的应用适用于不同的屏幕，会进行缩放和大小调整，但您应针对不同的屏幕尺寸和密度优化应用。 这样可以最大程度优化所有设备上的用户体验，用户会认为您的应用实际上是专为他们的设备而设计，而不是简单地拉伸以适应其设备屏幕。 2 相关概念 2.1 屏幕尺寸 含义：按屏幕对角测量的实际物理尺寸。 为简便起见， Android 将所有实际屏幕尺寸分组为四种通用尺寸：小、 正常、大和超大 单位 : 英寸（ inch ），一英寸≈ 2.54cm 2.2

////如有侵权 请联系我进行删除 email:YZFHKM@163.com 1、游戏屏幕适配 屏幕适配是为了让我们的项目能够跑在各种电子设备上(手机,平板,电脑) 那么了解是适配之前首先要了解两个知识点: 1-1、什么是像素? 单位面积中构成图像的点的个数。 特点：单位面积内的像素越多，分辨率越高，图像的效果就越好。 1-2、什么是分辨率？ 分辨率可以从显示分辨率与图像分辨率两个方向来分类。 示分辨率（屏幕分辨率）是屏幕图像的精密度，是指显示器所能显示的像素有多少.分辨率的单位有：（dpi点每英寸）、lpi（线每英寸）和ppi（像素每英寸）。 特点： 图像的分辨率越高，所包含的像素就越多，图像就越清晰，印刷的质量也就越好。 同时，它也会增加文件占用的存储空间。 1-3、移动设备分辨率 –以iphone 为例 Paste_Image.png 2、什么是适配? 什么是适配？ 适应、兼容各种不同的情况 游戏开发中，适配的常见种类 ¤系统适配 针对不同版本的操作系统进行适配，例如Unity3D 5.4系统 ¤屏幕适配 针对不同大小的屏幕尺寸进行适配，例如Iphone5s，iphone7 iPhone的尺寸 3.5inch、4.0inch、4.7inch、5.5inch iPad的尺寸 7.9inch、9.7inch 屏幕方向 竖屏 横屏 3、Unity3D 中的屏幕分辨 3-1.

智能手机的出现，带火了一个新行业:手机贴膜。记者发现，市面上销售的手机膜种类可真不少，不但有塑料膜、钢化玻璃膜，还有智能膜、抗蓝光膜……要说最神的，当数防窥膜。据说贴上防窥膜后，只有正在用手机的主人能看清屏幕，而别人看过去就是“黑屏”。贴了防窥膜，隐私真的就能得到保护吗?记者进行了实测。 实测1:贴上防窥膜，手机变暗了 在公共场所不少人都有过类似的经历，自己刷手机微博微信的时候，不经意的一抬头，有时候旁边会出现一个伸长了脖子瞅着自己手机屏幕的“偷窥者”。对于不少“低头族”而言，在地铁、电梯这样的狭小空间，手机屏幕上的内容很容易“走光”。因而，不少人选择给手机贴一个防窥膜，防止自己的手机被别人偷看。 那么防窥膜和普通的手机贴膜有啥不同呢?贴了它真能防止别人偷看自己手机吗?昨天，记者来到了中关村科贸电子城，转了多家摊位后，终于找到了这款防窥膜。从外观上看，“防窥膜”是一款钢化膜，但是和普通钢化膜不同的是，防窥膜并不是透明的，而是黑色的，且价位要远远高于普通手机膜，售价从50元到300元不等。 当记者为手机贴上这款防窥膜后，屏幕的亮度顿时暗了许多。与贴了普通钢化膜的手机进行对比，亮度差异非常明显。不得已，记者只得调高屏幕亮度，不过这加快了电量消耗的速度。不到两小时，电量便从60%多降到了30%。 实测2:部分防窥膜防左右不防上下 根据防窥膜说明书的介绍，贴上防窥膜后

在Android系统开发过程中需要对各种各样的手机版本进行适配，而编写布局文件时希望可以使用相同的布局元素以及空间距离，实现在不同尺寸的屏幕上显示的效果一致。 手机屏幕的像素密度取决于不同的手机本身，与手机的尺寸以及像素值有关。与手机无关“像素”以及可缩放的“像素”可以提供灵活方式在不同的手机上进行适配 每一英寸（2.54厘米）像素点的数目被定义为像素密度，高分辨率的手机比低分辨率的手机在单位英寸上有更多的像素点。 计算像素密度公式：像素密度=屏幕高（宽）的像素点个数/屏幕高（宽）英寸 左图高分辨率图片，右图低分辨率图片 当使用同一像素尺寸来表示UI元素，在高分辨率的手机上显示的会比在低分辨率的手机上显示“小”，如上图所示，因此在布局文件中不可以使用像素值pix来表示布局元素的大小以及位置等。 Density无关性指的是UI元素在屏幕上显示的是同一种样式，但使用的是不同的Density，即不同手机有不同的Density，但使用相同的Density的值可以显示为相同的大小，如下图所示。 左图低分辨率，右图高分辨率 Density无关性，在布局文件中使用dp来表示多种手机的不同Density。 在开发Android应用时，使用dp使得布局元素在不同像素密度的手机上显示为相同的布局的大小。 官方给的dp的计算方式 ：dp=(水平方向的像素点*160)/屏幕密度 实际计算方式可以用：dp

LibEasyScreenLive在通过GDI方式采集的同时，我们不仅支持采集全屏幕，也支持屏幕局部某个区域的采集，这里，我们需要精确计算屏幕像素坐标，以实现采集位置的精确定位。 首先，设置采集区域坐标，如下代码所示： int top=m_rcUse.top; int left=m_rcUse.left; int width=m_rcUse.right-m_rcUse.left+1; int height=m_rcUse.bottom - m_rcUse.top + 1; // [1/27/2016 SwordTwelve] //长宽做一下修正，修正为16的倍数 int nDivW = width%16; int nDivH = height%16; if (nDivW<8) width -= nDivW; else width += (16 - nDivW); if (nDivH<8) height -= nDivH; else height += (16 - nDivH); if (width>m_nMaxxScreen) { width = m_nMaxxScreen; } if (height>m_nMaxyScreen) { height = m_nMaxyScreen; } 注意，这里对采集区域的长宽做了16倍数修正

Android9 patch 图片 （.9.png 格式图片) 的特点和制作 一.9.png格式的文件的特点 与传统的png 格式图片相比， 9.png 格式图片在图片四周有一圈一个像素点组成的边沿，该边沿用于对图片的可扩展区和内容 显示区进行定义。这种格式的图片在android 环境下具有自适应调节大小的能力。(1)允许开发人员定义可扩展区域，当需要延伸图 片以填充比图片本身更大区域时，可扩展区的内容被延展。(2)允许开发人员定义内容显示区，用于显示文字或其他内容. 如下图所示： 左侧和上方的黑线交叉的部分即可扩展区域,右侧和下方的黑线交叉的部分即内容显示区. 二 .9.png 图片的制作 android sdk 的 tools文件夹下提供了制作该格式图片的工具 draw9patch.bat。使用此工具打开任意图片之后,将鼠标置于图片上。 被黑色覆盖的是不可编辑(锁住)的区域,周围的一圈一个像素的边沿是可编辑区域。按住鼠标左键，在左侧和上方的边沿画出可扩展区。 在右侧和下方画出内容显示区。完成绘制以后，选择file-> save ,即可保存为 .9.png 格式的文件,并在android项目中使用。 代码动态布局： [java] view plain copy //获取屏幕高宽 DisplayMetrics metric = new DisplayMetrics();