Supporting Different Densities适配不同的屏幕密度
上一篇文章和大家分享了如何适配不同大小的屏幕,有个概念需要提前弄清楚,屏幕大的不一定就分辨率高,详细请看下面的内容。This lesson shows you how to support different screen densities by providing different resources and using resolution-independent units of measurements.
[我们需要通过提供不同的resources来support不同的屏幕密度,使用一种独立与分辨率的测量单元来表示(也就是dp)]
- Use Density-independent Pixels [使用设备独立像素dp/sp]
- ?
- dp:A dp is a density-independent pixel that corresponds to the physical size of a pixel at 160 dpi(dots per inch:每英寸点数).?
- dp也就是dip:device independent pixels(设备独立像素)
- dp是一种与密度无关的像素单位,在每英寸160点的屏幕上,1dp = 1px
- 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素
- dp:A dp is a density-independent pixel that corresponds to the physical size of a pixel at 160 dpi(dots per inch:每英寸点数).?
- <Button?android:layout_width="wrap_content"???
- ????android:layout_height="wrap_content"???
- ????android:text="@string/clickme"??
- ????android:layout_marginTop="20dp"?/>??
- sp:An sp is the same base unit, but is scaled by the user's preferred text size (it’s a scale-independent pixel), so you should use this measurement unit when defining text size (but never for layout sizes).
- scaled pixels(刻度像素). 主要用于定义字体的大小,而从来不再layout上使用
- <TextView?android:layout_width="match_parent"???
- ????android:layout_height="wrap_content"???
- ????android:textSize="20sp"?/>??
- px:pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多
总结:dp也就是dip。这个和sp基本类似。如果设置表示长度、高度等属性时可以使用dp或sp。但如果设置字体,需要使用sp。dp是与密度无关,sp除了与密度无关外,还与scale无关。如果屏幕密度为160,这时dp和sp和px是一样的。1dp=1sp=1px,但如果使用px作单位,如果屏幕大小不变(假设还是3.2寸),而屏幕密度变成了320。那么原来TextView的宽度设成160px,在密度为320的3.2寸屏幕里看要比在密度为160的3.2寸屏幕上看短了一半。但如果设置成160dp或160sp的话。系统会自动将width属性值设置成320px的。也就是160 * 320 / 160。其中320 / 160可称为密度比例因子。也就是说,如果使用dp和sp,系统会根据屏幕密度的变化自动进行转换.【百度百科:http://baike.baidu.com/view/416780.htm#sub5084586】
- Provide Alternative Bitmaps [提供可选择的图片]
因为需要适配不同屏幕,我们需要提供不同的图片来适配,这样才能带来更好的用户体验
To generate these images, you should start with your raw resource in vector format and generate the images for each density using the following size scale:
[通常我们需要提供下面的资源图片来适配]
xhdpi: 2.0
hdpi: 1.5
mdpi: 1.0 (baseline)
ldpi: 0.75
This means that if you generate a 200x200 image for xhdpi devices, you should generate the same resource in 150x150 for hdpi, 100x100 for mdpi and finally a 75x75 image for ldpidevices.
[这意味着如果我们为xhdpi的设备生成了一张200x200的图片,同时也需要为hdpi的设备生成150x150的图片,为mdpi的设备生成100x100的图片,最后为ldpi的设备生成75x75的图片]
需要像下面一样来放置那些特殊适配的文件
res/
? ? drawable-xhdpi/
? ? ? ? awesomeimage.png
? ? drawable-hdpi/
? ? ? ? awesomeimage.png
? ? drawable-mdpi/
? ? ? ? awesomeimage.png
? ? drawable-ldpi/
? ? ? ? awesomeimage.png
这样之后,[email protected]/awesomeimage,系统都会自动根据当前设备的dpi来选择合适的图片进行显示。
For more tips and guidelines for creating icon assets for your application, see the Icon Design Guidelines.