一般在布局上设置控件大小维度的单位采用dp,而定义字体大小的单位采用sp。
dp是dip,density independent pixel,即密度无关的像素单位,说白了,就是这个维度相对于不同屏幕的显示效果一致。
在Android系统中定义的dp,sp单位都是为了解决Android设备不同屏幕的差异而进行的封装,物理上的屏幕仍然是基于像素的。
如果在运行的手机上截屏下来到手机上看,不管在手机还是平板上,如果分辨率相同,截屏后的图片分辨率就是一样的,如果是相同的应用界面,理论上截屏后的图片效果应该基本一致。
关于dp:
在屏幕上显示任何控件,图片,文字,最终都必须转化为像素单位进行绘制,因为屏幕驱动最终是以像素为单位进行绘制的(行扫描,或整屏幕,取决于驱动)。
举例来说:
如果一个800x1600的密度为320的手机上显示一个100x100的像素的Button,并且左右居中。
同时,在同样的分辨率的,密度为160的平板上显示该Button,并且左右剧中。
我们同时拿着这2个设备去看这个界面的时候,应该需要达到整体位置,比例都一致的感觉。
在手机上因为密度是320,我们应该是显示50dpx50dp的Button控件,在运行时会换算为100px *100px的尺寸,可以达到我们的UI效果。
在平板上为了达到相同的效果,我们希望在程序设计时定义的尺寸dp,在运行时应该能换算为100px * 100px, 由于它的密度是160,那么我们应该设置为100dpx100dp。
从这里可以看出来,为了应对同样的UI效果,实际上,我们需要设置不同的dp值,这个跟dp的目标并不冲突。因为UI做图的时候,肯定是基于一个屏幕分辨率,如1920x1080,但设备的物理尺寸他们往往不是很关心,也就是密度他们不太关心,他们希望一个整体协调的感觉(手机和平板)。
上述的情况,我们体现在 res/layout 平板和手机采用相同的layout 但是尺寸大小由 res/values/dimen.xml来定义。
values下针对 xhdpi(320密度,手机)和large-mdpi(160密度,平板)应该定义不同的尺寸(dp为单位),如上。
上述阐述,基于分辨率相同或基本一致,密度不同的情况。
现在看另外一种情况,同样的图片100px X 100px,我们希望在不同分辨率的手机上,相似的密度情况下都能友好的显示出UI的预期效果,也就是屏幕占比。
我们需要根据现在的情况,如果现在UI制作的时候是在800x1600的分辨率上做UI控件示意图,并且观察手机效果的时候是放在密度为320的手机上进行确认的。
那么就是 320的密度,我们定义为50dp x 50dp。 这个Button控件,我们希望在密度接近(如都是xhdpi)不同的分辨率的手机上都能正常且反应UI预期的显示,那么我们在xhdpi的dimen定义都是采用50dp x 50dp即可,这样根据dp与px的关系自然能较好的得到其px值,匹配UI效果(即便分辨率差别很大,我们可以简单想象分辨率翻倍的情况,极端点说,一个是另外一个的放大版本,但整体效果一致,dp值相同,但是实际控件占用的像素则不同)。
这个时候我们一般需要调整原始资源的大小(像素)以得到合适的屏幕占比。
上述阐述,基于密度基本一致,分辨率不同的情况,即定义在同样的dimen下。
有了上面的基础,我们对于不同的分辨率,不同的物理尺寸,密度就可以综合来设计尺寸了。
1.根据UI的示意图效果,假定分辨率相同,密度不同的情况,定义不同的dimen文件。
2.假设密度相同,分辨率不同的情况(一般需要更改原始图片大小,或9.png自适应)。
TypedValue类中:就是计算得到最终的px的值
- /**
- * Converts an unpacked complex data value holding a dimension to its final floating
- * point value. The two parameters <var>unit</var> and <var>value</var>
- * are as in {@link #TYPE_DIMENSION}.
- *
- * @param unit The unit to convert from.
- * @param value The value to apply the unit to.
- * @param metrics Current display metrics to use in the conversion --
- * supplies display density and scaling information.
- *
- * @return The complex floating point value multiplied by the appropriate
- * metrics depending on its unit.
- */
- public static float applyDimension(int unit, float value,
- DisplayMetrics metrics)
- {
- switch (unit) {
- case COMPLEX_UNIT_PX:
- return value;
- case COMPLEX_UNIT_DIP:
- return value * metrics.density;
- case COMPLEX_UNIT_SP:
- return value * metrics.scaledDensity;
- case COMPLEX_UNIT_PT:
- return value * metrics.xdpi * (1.0f/72);
- case COMPLEX_UNIT_IN:
- return value * metrics.xdpi;
- case COMPLEX_UNIT_MM:
- return value * metrics.xdpi * (1.0f/25.4f);
- }
- return 0;
- }
关于sp:
为了将字体更好的在不同的设备间很好的显示,修改原理跟dp上述基本一样,只是文字基本是矢量的,只要设置尺寸即可,不需要重新制作资源。
Scale-independent Pixels - 一般情况下(不修改系统字体大小),sp和dp是一个值。
如果修改了系统字体大小,sp和dp就不同了。注意要用getResources()获取。
- DisplayMetrics metrics = getResources().getDisplayMetrics();
- String result = "\n"
- + "density : " + metrics.density + " (24 dp = " + 24 * metrics.density + " px)\n"
- + "scaledDensity: " + metrics.scaledDensity + " (24 sp = " + 24 * metrics.scaledDensity + " px)\n" ;
- ((TextView) this.findViewById(R.id.label)).setText(result);
- ((TextView) this.findViewById(R.id.sp)).setTextSize(TypedValue.COMPLEX_UNIT_SP, 24);
- ((TextView) this.findViewById(R.id.dp)).setTextSize(TypedValue.COMPLEX_UNIT_DIP, 24);