Silverlight 3: методы для адаптации к разрешению экрана

Question

Ящик моего разработчика имеет разрешение экрана 1680 x 1050. Я разрабатываю полноэкранное приложение Silverlight 3, которое планирую развернуть в Интернете. Итак, я хочу убедиться, что приложение выглядит хорошо на различных разрешениях экрана. Я только начал тестировать на других компьютерах, первый из которых имел разрешение экрана 1024 x 768. Во время теста я обнаружил, что некоторые страницы приложения были частично обрезаны. Кажется, что элементы управления на странице не отрегулированы для более низкого разрешения экрана. Итак, я ищу несколько советов о том, как сделать приложение Silverlight, насколько это возможно, настроить под разрешение экрана. Например, существуют ли вещи, которые нужно или не следует делать в XAML, чтобы упростить адаптацию к разрешению экрана? Стоит ли просто оптимизировать под минимальное разрешение экрана? Ваши мысли и предложения приветствуются.

Answer 1

• Вы можете легко установить минимально допустимое разрешение, установив свойства MinHeight и MinWidth вашего корневого визуала. (Конечно, это должно быть меньше минимального разрешения экрана для учета браузера Chrome.)
• Старайтесь указывать абсолютные Width и Height только при необходимости: например, для изображений или значков с фиксированными размерами или для очевидных случаев, таких как TextBox es (ширина которых должна отражать среднюю длину введенных данных ).
• Grid отлично подходят для смешивания масштабируемых и фиксированных областей компоновки. Спецификация размера звезды требует некоторого привыкания - она ​​не так проста, как процентное дозирование, - но она гораздо более гибкая, особенно в сочетании с минимальными / максимальными размерами строки / столбца.
• На самом деле вам не нужно тестировать на нескольких разрешениях, если вы не заинтересованы в тестировании диапазона точек на дюйм - просто измените размер браузера, чтобы приблизить его к разным экранам. Поскольку в зависимости от конфигурации браузера пользователя всегда есть что-то новое, вы все равно должны учитывать некоторую разницу.

Answer 2

Я рассмотрел изменение размеров элементов и их разрешение независимо от другого потока.

Вы можете посмотреть здесь , есть несколько способов автоматического изменения размера и размера.

Answer 3

Вы можете масштабировать свое приложение с помощью Silverlight Toolkit ViewBox или растягивать его с помощью элементов управления макетом, таких как Grid, StackPanel и WrapPanel. Сделайте так, чтобы ваш основной UserControl имел ширину и высоту автоматически (или полностью удалите ширину и высоту), и размер приложения изменится до размера родительского div (шаблон HTML по умолчанию использует 100% x100%). Затем просто измените размер браузера соответственно. В IE8 есть инструменты для разработчиков, которые могут помочь вам увидеть, как ваше приложение было изменено до определенного разрешения экрана.

Тестирование на различных разрешениях экрана всегда хорошая идея.