Comment concevoir un site Web Flash lorsque l'utilisateur a une taille d'écran différente et une résolution différente?

Question

Je développe un site Web basé sur Flash en utilisant mxml. La résolution de mon moniteur est 1280x768 et est grand écran. Le problème est quand il apparaît correctement dans mon écran il n'apparaît pas correctement dans d'autres. Quelle est la meilleure approche pour résoudre le problème?

J'ai 2 en tête.

1. Laissez scrollbars prendre soin: Si l'écran est un écran 14 pouces avec une résolution de 800x600, il apparaît zoomée dans des thats donc un problème
2. Obtenir la résolution de l'écran et redimensionnez en utilisant scaleX et scaleY. Le Les composants graphiques seront redimensionnés, mais les polices posent problème.

Quelle est la meilleure approche parmi celles-ci? S'il y a une meilleure approche, veuillez mentionner. Merci

Answer 1

Personnellement, je développerais l'écran pour 800x600, puis redimensionner dynamiquement l'écran pour des résolutions plus élevées.

Vous pouvez utiliser des barres de défilement verticales, mais le défilement horizontal est un grand non-non dans mes livres. Cela enlève toute l'expérience de votre site et devient plutôt irritant.

Answer 2

La meilleure approche pour cela est de créer une interface utilisateur fluide basée sur le pourcentage et les contraintes. De cette façon, l'interface utilisateur sera la même sur tous les ordinateurs, pas seulement les vôtres.

Je recommande d'utiliser également le conteneur de flux qui fait partie de flexLib car c'est la façon la plus facile de créer un design fluide.

Il n'y a pas longtemps, j'ai créé une application pour une société de forex parfaitement adaptée à tous les écrans de plus de 1280X800 (définition du design).

Ce n'est pas si difficile à faire une fois que vous avez compris.

Bonne chance.

Answer 3

Vous pouvez ajouter un écouteur d'événement à la scène à cet effet:

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. 

} 

Notez que cela devrait aussi fonctionner sur tout DisplayObject - vous pouvez donc utiliser des contraintes et des pourcentages sur vos conteneurs, mais intercepter leur auto -résistant avec une configuration comme celle-ci qui vous permettra d'affiner l'apparence de leur contenu.