当用户有不同的屏幕尺寸和不同的分辨率时,如何设计基于Flash的网站?

时间:2010-06-25 06:05:50

标签: css flex flash resize

我正在使用mxml开发基于Flash的网站。我的显示器分辨率为1280x768,是宽屏。问题是当它在我的屏幕中正确显示时,在其他屏幕中显示不正确。哪个是解决问题的最佳方法?

我有2个想法。

  
      
  1. 让滚动条照顾它:如果屏幕是14英寸屏幕   800x600分辨率它显示为缩放   in。这就是问题
  2.   
  3. 获取屏幕分辨率并使用scaleX和scaleY调整大小:图形   组件将调整大小但字体   提出问题。
  4.   

这些中哪种方法最好?如果有更好的方法,请提及。 感谢

3 个答案:

答案 0 :(得分:1)

最佳方法是根据百分比和约束创建流畅的UI。 这样,UI在所有计算机上都会有不同的感觉。

我建议也使用作为flexLib一部分的流容器,因为这种方式最容易创建流畅的设计。

不久前,我为一家外汇公司创建了一个应用程序,该应用程序非常适合所有大于1280X800(设计定义)的屏幕。

一旦掌握了它,就不难做到。

祝你好运。

答案 1 :(得分:1)

您可以向舞台添加一个事件监听器来实现此效果:

this.stage.addEventListener(Event.RESIZE, resizeHandler);

private function resizeHandler(e:Event):void {
var newWidth:Number = this.stage.stageWidth;
var newHeight:Number = this.stage.stageHeight;

// etc, roll from here to do your manual positioning logic.

}

请注意,这也适用于任何DisplayObject - 因此您可以在容器上使用约束和百分比,但是使用这样的设置拦截它们的自动调整大小,这样可以微调其内容的外观。 / p>

答案 2 :(得分:0)

就个人而言,我会为800x600开发屏幕,然后动态调整屏幕大小以获得更高分辨率。

你可以使用垂直滚动条,但水平滚动在我的书中是一个很大的禁忌。它会剥夺您网站的整体体验,并且会让您感到非常恼火。