自Android系统发布以来,似乎一直绕不开屏幕适配这个话题。毫无疑问,Android系统能发展到今天,离不开其开放性,而随着国内手机厂商的崛起,任何用户、开发者、OEM厂商、运营商都可以对Android进行定制,于是导致长期以来一直诟病的碎片化严重的问题。
Android开发为适配不同屏幕需要在资源文件中添加多套图片或者多套布局文件,这篇文章讲解多套图片。
什么是屏幕尺寸、屏幕分辨率、屏幕像素密度? 什么是dp、dip、dpi、sp、px?他们之间的关系是什么? 什么是mdpi、hdpi、xdpi、xxdpi?如何计算和区分? 题图中的每一个矩形都代表着一种Android设备。Android系统碎片化问题的严重性,让我们不得不面对屏幕适配的问题。 屏幕尺寸: 屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米。 比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。 屏幕分辨率: 屏幕分辨率是指在横纵向上的像
如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用,你需要仔细考虑在不同设备上你的页面看起来是怎样的。因为Android设备有不同款型,因此你需要考虑影响你的页面在Android设备上展示的一些因素。
作为一个测试工程师,经常被一些难以复现的bug困扰很久,理论上不可能出现,但线上确实又有很多用户反馈,比如小编前段时间碰到了一个比较有意思的bug,涉及到一些Android版本变更引发的问题,在这里和大家分享一下:
工作后,很多同学还是会问到app切图尺寸的问题。今天分享android和iOS的换算分析,希望能帮到工作中的你。 1.在Android的显示模式为mdpi的时候,1dp等于1px。 2.在mdpi的情况下,屏幕分辨率是320*480px。 3.在ios的分辨率模式为@x1的时候,屏幕分辨率是320*480px。(注意这时候pt和px比例是1:1) 4.因为ios在@x1时候的像素关系和Android的mdpi时候的像素关系是一样的,@x2等于mdpi的2倍,也就是xhdpi的分辨率,所以推导关系如下:
随着硬件配置的不断提升,RAM的大小从之前的几百兆提升到了现在的几十G的情况,特别是在消费级智能手机上,最大的运行内存几乎每年都能刷新最高值。
前端同学通常都用媒体查询或 rem 做多端适配,但是在 Cocos 上 CSS 不复存在。那你知道在 Cocos 上如何做到多端适配吗?本文从需求背景出发,带你领略Cocos的多端适配之道~ 背景 某一天接到了新需求,自己看了设计同学给的设计稿后瞬间感觉头大,分析了下主要有以下难点: 题目背景需为同一张背景图,在不同端上要显示背景图的不同区域 标题栏上的倒计时、题干与最小化按钮的贴边距离在各端各不相同 选项背景图需根据选项长度自动拉伸,同时保证两侧圆角不被拉伸 如果这种适配方案采用CSS实现的话,肯定
由于手机屏幕尺寸过小,使用原始分辨率会使得页面显示过小,因此使用了逻辑分辨率,用倍数放大的方法来保证兼容性。
当前Android 的设备多种多样,它们有着不同的屏幕尺寸和像素密度。各应用为了保证可以在各机型上展示较好的交互界面,就需要在实现阶段根据对应的尺寸单位进行兼容性开发。近期在实际项目过程中,小编接触到了一些尺寸度量单位,下面进行简单的总结。
现如今,因Android系统的开放性,市场上出现了不同厂商出厂的各种android版本、分辨率、型号等设备。那对我们开发来说,碎片化绝对是一个让人头脑炸裂的问题,Android系统碎片化、Android机型屏幕尺寸碎片化、Android屏幕分辨率碎片化。市面上安卓手机的主流屏幕尺寸种类繁多,就算搞定了屏幕尺寸问题,各种分辨率又让人眼花缭乱。面对测试同学抛过来的适配问题,心肝肺都要颤一颤。今天我们就谈谈屏幕适配的解决步骤。
IT行业的迅猛发展逼迫着我们不断的适配各种新颖的功能,比如本文要介绍的功能——手机智能分辨率。
说到移动端:可以根据开发技术分,也可以根据操作系统来分,今天重点不是这个,是讲下使用CSS与Android如何进行屏幕适配。 1.先来了解几个概念:CSS中的px,em,rem分别是啥东西? px:像素,如果像素要换算成物理长度,需要得到dpi(每英寸像素数) em:相对长度单位,大小相对于父级节点来说, rem:是CSS3新增的一个相对单位,这个单位引起了广泛关注。相对于根元素<html>,关于兼容性的问题,除了ie8及更早的版本,其他浏览器均支持 2.Android:也有类似的单位,dp(dip),sp
上一篇把屏幕适配相关的概念梳理了一下,主要也是为了能更好的理解后面内容,那从这篇开始就要讲解适配方案啦,没看第一篇的可以先看这篇:Android全面的屏幕适配方案解析(一)
这些术语都是指屏幕的分辨率。 VGA:Video Graphics Array,即:显示绘图矩阵,相当于640×480 像素; HVGA:Half-size VGA;即:VGA的一半,分辨率为480×320; QVGA:Quarter VGA;即:VGA的四分之一,分辨率为320×240; WVGA:Wide Video Graphics Array;即:扩大的VGA,分辨率为800×480像素;
适配各种屏幕规格,首先要取到系统对于屏幕的配置信息,这些配置可从工具类Configuration获得。Configuration对象在Activity中通过调用getResources().getConfiguration()得到,该对象的常用属性说明如下: touchscreen : 屏幕触摸方式。有下列几种取值定义:"未定义", "不支持触摸", "专用笔触摸", "支持手指触摸" keyboard : 物理键盘样式。有下列几种取值定义:"未定义", "无物理键盘", "全键盘", "十二格键盘" keyboardHidden : 键盘状态。有下列几种取值定义:"未定义", "未隐藏或软键盘", "已隐藏", "软键盘" hardKeyboardHidden : 物理键盘状态。有下列几种取值定义:"未定义", "未隐藏", "已隐藏" navigation : 方向控制样式。有下列几种取值定义:"未定义", "无方向控制", "方向键", "轨迹球", "滚轮" navigationHidden : 方向控制状态。有下列几种取值定义:"未定义", "未隐藏", "已隐藏" orientation : 屏幕方向。有下列几种取值定义:"未定义", "竖屏", "横屏" 以上属性除了屏幕方向是有用的,其他的基本没什么用。 如果属性发生变化,可重写onConfigurationChanged函数监测最新的属性值。但是由屏幕旋转导致的屏幕方向变化,按照生命周期走的是原方向onDestroy然后新方向onCreate,并不触发onConfigurationChanged方法,所以该方法基本也没机会用到。
实用Android 屏幕适配方案分享 真正可用,并且简单易行,可以在多个屏幕大小和屏幕密度上有良好表现的Android 屏幕适配方案,已用在一款成熟互联网应用中,效果还不错。 说起android开发
版权声明:本文为博主原创文章(部分引用他人博文,已加上引用说明),未经博主允许不得转载。https://www.jianshu.com/p/7aa34434ad4d
真正可用,并且简单易行,可以在多个屏幕大小和屏幕密度上有良好表现的Android 屏幕适配方案,已用在一款成熟互联网应用中,效果还不错。 说起android开发,UI界面的多机型适配,一向是个很重要
前几天在我创建的技术交流群,几位同学聊起了兼容性测试相关的话题。有测试的方法技巧,有如何选择测试时的切入点,也有在质量和投入成本之间如何做平衡的思考。
我们挑战自我,为用户创造了崭新的视觉设计语言。与此同时,新的设计语言除了遵循经典设计定则,还汲取了最新的科技,秉承了创新的设计理念。这就是原质化设计(Material Design)。这份文档是动态更新的,将会随着我们对 Material Design 的探索而不断迭代、升级。
表示应用名包,这条命令的效果相当于在设置里的应用信息界面点击了「清除缓存」和「清除数据」。
Android 的屏幕适配是指适配不同机顶盒 UI 框架层输出的分辨率和 dpi,而不是适配不同分辨率的电视机(电视机的适配交由机顶盒本身完成,和各个应用无关)
1.一般在PC上会使用px(像素)和pt(磅)作为单位,但是在手机上由于不断地会更新手机屏幕的分辨率,因此使用这两个单位不再那么合适。可能在一部低分辨率手机上,一个控件占据整块屏幕,而在高分辨率的手机屏幕上连一半都占不到。我们先新建一个工程UISizeTest,然后修改activity_main.xml
这些常识性的东西呢,都是我在开发指出遇到的,以及后来在开发中个人慢慢理解,今天来做个总结,如有错误,还望指出,相互学习。
随着 APP 应用范围越来越广,用户群体越来越大,终端设备的型号也越来越多,移动终端碎片化加剧,使得 APP兼容性测试成为测试质量保障必须要考虑的环节。
介绍 此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助,但对响应式web设计也有帮助。 与一般的设计指南相比,此文更适合一边设计一边阅读。 代码>原型 设计软件和原型工具
最近出了很多新机,很多人在购买前会详细查看手机参数,其中“分辨率”这一项让不少人一头雾水,究竟手机分辨率是什么?对我们的使用体验有什么影响?是不是分辨率越高越好?
Android 可设置为随着窗口大小调整缩放比例,但即便如此,手机程序设计人员还是必须知道手机屏幕的边界,以避免缩放造成的布局变形问题。
转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/19899193.
响应式网页设计是一种确保网站或网站内容适应不同屏幕尺寸和设备的方法。无论设备有多大或多小,响应式网页设计都可以提供直观的用户体验。
不同Android版本,对一张图片的内存处理方式是不一样的,使用不正确会导致OOM的发生,这篇文章带你梳理内存占用情况,选择适合你的图片加载模式,解决OOM问题。
所见不一定即所得 眼睛是心灵的窗户,也是蒙蔽你的一种途径。 假设,我给你一张图片,你觉得肉眼可以观察到全部的细节吗? 屏幕上一张清晰的图片 肉眼在屏幕上看到图片的清晰度由三个因素决定,一是图片像素本
在app编码中经常需要获取手机的屏幕分辨率(宽*高),原来我直接上网拷贝代码,但在使用过程中却发现诸多不便。 不便一:下面代码中的getWidth和getHeight在adt上提示deprecated已经废弃了,实在扎眼
在客户端开发的过程中免不了要接触的就是像素,屏幕分辨率,这些概念是比较常见的,但很多时候真的就只是用而已,并不知道他们到底是一种什么关系,想起之前做看图的时候,经常就会遇到一些很有意思的图片文件,那个时候就研究了一下这几个概念。近来突然想起,就记录一下。
[原文发表地址] Updating my Windows Phone App to Windows Phone 8 [中文原文地址] 将我的 Windows Phone 应用程序更新到 Windows Phone 8 [原文发表时间] 2012-12-8 12:53 今年早些时候,我花了一天编写了一个小的 Windows Phone 7 应用程序,我将它称之为Lost Phone Screen。它能为你创建锁屏,并在上面显示你的姓名和联系号码,以便当你丢失它时,用老办法帮助找到你的手机。无需 GPS,
移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域。其中涉及几个重要概念是 dip ( device-independent pixel 设备逻辑像素 )和 CSS 像素之间的关系。这里首先了解以下几个概念。
移动互联网数据报告 本报告基于腾讯云分析(MTA)的用户数据,针对移动操作系统版本分布、各类机型的占有率排名、移动设备屏幕分辨率等分布进行了统计分析。 “ iOS9高速升级,达63.78%占有率 iOS9 系统升级步伐平稳上升,截止2016年2月底,采用率已有63.78%。而在去年12月,采用率为56.62%,在两个月内增长了近7%之多,速度惊人。苹果4英寸新品5SE即将发布,若销量可喜,将会进一步带动iOS系统使用率的增长。 “平均100个苹果手机用户中约有16人使用6S iPhone6S系列的市场
关于图片资源适配屏幕分辨率,具体请看文章:Android 屏幕适配:最全面的解决方案
苹果Mac电脑如何修改屏幕分辨率呢?switchresx推荐给大家,这是一款非常实用的Mac屏幕分辨率修改器,使用它可以轻松地将您的屏幕分辨率与任何应用程序或使用的最佳匹配。
移动端浏览器 比 PC 端浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见的浏览器如下 :
响应式Web设计,这个话题可能是当下Web设计领域里讨论和应用比较多的话题了,为什么要响应式Web设计?什么是响应式Web设计? Web发展迅速,各种应用和服务层出不穷,现在打开电脑,可能使用最多的程
SwitchResX mac版是Macos上一款屏幕分辨率修改工具,支持各种苹果电脑和黑苹果电脑,轻松修改电脑屏幕分辨率,让您的屏幕分辨率达到您满意的效果。可以将Mac与电视的分辨率相匹配,欣赏DVD或高清电影和视频。
我们在页面布局的时候,经常会设置容器的长度,但是到底该使用哪个作为长度的单位而懊恼。在Android中支持的描述大小区域的类型有以下几种: px(pixels)——像素:不同的设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。 dip(device independent pixels)——设备独立像素:这个和设备硬件有关,一般我们为了支持WCGA、HVGA和QVGA推荐使用这个,不依赖于像素。等同于dp。 sp(scaled pixels—best for text size)——
表示沿着对角线,每英寸所拥有的像素(pixel)数目,PPI的数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高,颗粒感越弱,图像更清晰。
当美工给的设计图尺寸是 720 x 1280 时 , 应该将素材放在 res/mmap-xhdpi 目录下 , 放在其它目录下会出现失真的情况 ;
即像素,1px代表屏幕上一个物理的像素点;偶尔用到px的情况,是需要画1像素表格线或阴影线的时候。
在此之前,我们已经对折叠屏UX设计和开发进行了详细解读,那么应用适配后如何调试以确定适配完成呢?本文将介绍通过模拟器调试、命令模拟器调试的方法,提供测试用例建议,为开发者快速完成应用在折叠屏设备上的调试提供指导。
领取专属 10元无门槛券
手把手带您无忧上云