Flex Mobile applicationDPI 自适应

源自: http://help.adobe.com/zh_CN/flex ... cf5976c17-8000.html
在一个手机应用程序中支持多个屏幕大小和 DPI 值

分辨率是像素高度乘以像素宽度得到的数值:即设备支持的像素总数。

DPI 是每平方英寸的点数:即设备屏幕上的像素密度。术语 DPI 和 PPI(每英寸像素数)可以互换使用。

Flex 对 DPI 的支持

以下 Flex 功能简化了生成与分辨率和 DPI 无关的应用程序的过程。

外观 手机组件与 DPI 有关的外观。默认手机外观无需额外编写代码,即可根据大多数设备的分辨率进行正常缩放。
applicationDPI 该属性用于定义自定义外观的设计尺寸。假设将该属性设置为某 DPI 值,当用户在具有不同 DPI 值的设备上运行应用程序时,Flex 会根据所使用设备的 DPI 缩放应用程序中的所有内容。
无论是否具有 DPI 缩放功能,默认手机外观都与 DPI 无关。因此,如果不使用具有静态大小或自定义外观的组件,则通常无需设置 applicationDPI 属性。

动态布局

动态布局可以帮助您适应各种不同的分辨率。例如,如果将控件的宽度设置为 100%,将始终填满屏幕的宽度,无论屏幕分辨率是 480x854 还是 480x800。

设置 applicationDPI 属性

设置与密度无关的应用程序时,可以在根应用程序标签上设置目标 DPI。(对于手机应用程序,根标签为 <s:ViewNavigatorApplication>、<s:TabbedViewNavigatorApplication> 或 <s:Applica ion>。)

可以将 applicationDPI 属性的值设置为 160、240 或 320,取决于目标设备的近似分辨率。

<s:Image id="myImage">
<s:source>
<s:MultiDPIBitmapSource
source160dpi="assets/low-res/bulldog.jpg"
source240dpi="assets/med-res/bulldog.jpg"
source320dpi="assets/high-res/bulldog.jpg"/>
</s:source>
</s:Image>

<s:Button id="dogButton" click="doSomething()">
<s:icon>
<s:MultiDPIBitmapSource id="dogIcons"
source160dpi="@Embed('http://www.cnblogs.com/assets/low-res/bulldog.jpg')"
source240dpi="@Embed('http://www.cnblogs.com/assets/med-res/bulldog.jpg')"
source320dpi="@Embed('http://www.cnblogs.com/assets/high-res/bulldog.jpg')"/>
</s:icon>
</s:Button>

原文地址:https://www.cnblogs.com/loveFlex/p/2382326.html