Как разработать основанный на флэш-памяти веб-сайт, когда у пользователя есть другой размер экрана и другое разрешение?
Я разрабатываю основанный на флэш-памяти веб-сайт с помощью mxml. Разрешение моего монитора 1280x768 и является широким экраном. Проблема состоит в том, в то время как это появляется правильно на моем экране, это не появляется правильно в других. Который является лучшим подходом для решения проблемы?
Я имею 2 в виду.
- Позвольте полосам прокрутки заботиться о нем: Если экран является 14-дюймовым экраном с 800x600 разрешение, это кажется увеличенным. Таким образом, это - проблема
- Получите разрешение экрана и измените размер использования scaleX и scaleY: графические компоненты будут изменены, но шрифты дают проблему.
Который является лучшим подходом среди них? Если существует лучший подход, упомяните.Спасибо
3 ответа
Лично я бы разработал экран для 800x600 , а затем динамически изменил бы размер экрана для более высокого разрешения.
Вы можете использовать вертикальные полосы прокрутки, но в моих книгах горизонтальная прокрутка - большой запрет. Это отнимает у вас весь опыт работы с вашим сайтом и становится довольно раздражающим.
ЛУЧШИЙ подход для этого - создание плавного пользовательского интерфейса, основанного на процентах и ограничениях. Таким образом, пользовательский интерфейс будет выглядеть одинаково на всех компьютерах, а не только на вашем.
Я бы рекомендовал также использовать контейнер потока, который поставляется как часть flexLib, потому что так проще всего создать плавный дизайн.
Не так давно я создал приложение для форекс-компании, которое идеально подходило для всех экранов размером более 1280X800 (определение дизайна).
Это не так сложно сделать, когда вы поймете, что к чему.
Удачи.
Вы можете добавить слушателя событий на сцену для этого:
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 - так что вы можете использовать ограничения и проценты для ваших контейнеров, но затем перехватить их автоматическое изменение размера с помощью такой настройки, которая позволит вам точно настроить внешний вид их содержимого.