在Flex手机应用中使用media规则

有时,开发人员希望对不同的平台设备和设备配置(如不同的DPI)使用不同的样式,我们可以在样式表中使用@media规则做到这一点。

@media规则是 CSS 规范的一部分;Flex 扩展了此规则,将额外的属性application-dpi和os-platform包括进来。通过这些属性,可以根据应用程序DPI和运行应用程序的平台来选择性地应用样式。 继续阅读在Flex手机应用中使用media规则

设计和开发手机应用程序的注意事项

构建适用于移动设备的应用程序不仅仅是将桌面应用程序缩小为不同的屏幕大小。通过Flex,您可以针对每个外观因素分别创建适当的用户界面,同时在手机、浏览器和桌面项目之间共享基础模型和数据访问代码。

移动触摸屏设备的应用程序与桌面和浏览器应用程序有以下不同之处:

为了通过触控输入实现简便的操作,手机组件通常具有比桌面或浏览器应用程序中更大的点击区域。

  • 在触摸屏设备上,滚动等操作的交互模式不同。
  • 由于屏幕区域有限,因此手机应用程序通常设计为在屏幕上同时只显示少量的用户界面。
  • 用户界面的设计必须考虑不同设备之间屏幕分辨率的差异。
  • 相较于桌面设备,手机和平板电脑的CPU和GPU性能更为有限。
  • 由于移动设备上可用内存有限,因此应用程序必须注意节约内存。
  • 手机应用程序可以随时(例如在接听电话或短信时)退出和重新启动。