zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    判断url的正则表达式
    将Excel数据导入MySql
    需要记一下的
    java笔记
    禁用cookie后
    smarty框架块函数
    php Smarty date_format [格式化时间日期]
    mysql 笔记
    笔记 php.ini配置文件中magic_quotes_gpc, magic_quotes_runtime的作用是什么?应该开启还是关闭?
    php
  • 原文地址:https://www.cnblogs.com/loveFlex/p/2382326.html
Copyright © 2011-2022 走看看