Управление ориентацией страницы приложения - Методические указания к выполнению лабораторных работ по спецкурсу...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств»


НазваниеМетодические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств»
страница9/12
ТипМетодические указания
1   ...   4   5   6   7   8   9   10   11   12

Управление ориентацией страницы приложения

    1. Альбомная и книжная ориентация


Существует два варианта ориентации устройства: альбомная (устройство расположено горизонтально) и книжная (устройство расположено вертикально). Телефон может определить ориентацию, и некоторые встроенные приложения правильно обрабатывают изменение ориентации телефона.

Можно создавать приложения, которые смогут корректно работать в обоих режимах ориентации. При этом, потребуется потратить вдвое больше времени на создание пользовательского интерфейса и на написание программного кода, обрабатывающего изменение ориентации телефона и изменяющего соответственно ориентацию приложений.

Указание ориентации в файле MainPage.xaml. Страница может сообщить Silverlight, какую ориентацию она поддерживает. Для этого используются свойства класса PhoneApplicationPage:
SupportedOrientations="Portrait" Orientation="Portrait"
Эти настройки Visual Studio использует по умолчанию при создании страницы. Они указывают на то, что страница использует только портретную ориентацию. В случае необходимости эти настройки можно изменить:
SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
С этими настройками при изменении ориентации телефона приложение также будет изменять ориентацию (рис. 13).


Рис. 13. Приложение Сумматор в альбомной ориентации

Теперь программа изменяет содержимое экрана при изменении ориентации устройства, но поскольку расположение всех элементов задано фиксированными значениями, некоторые из них находятся не в том месте, в каком хотелось бы их видеть, а поле для результата не видно на экране.

Name="firstNumberTextBox" Text="0" VerticalAlignment="Top" Width="460"

TextAlignment="Center" />
Этот элемент использует значения отступа от краев экрана, которые используются для точного указания расположения элементов на экране. При этом, если у элемента указана позиция, которая находится за пределами экрана, то Silverlight просто не будет отображать этот элемент на экране.

Существует два способа исправления подобной ошибки. Один способ заключается в изменении параметров расположения элементов при изменении ориентации телефона.

Событие OrientationChanged. Класс PhoneApplicationPage включает событие OrientationChanged, которое происходит при изменении ориентации страницы. Как и для других событий, для него можно создать метод-обработчик, в который нужно добавить код для обработки изменения ориентации экрана:
private void PhoneApplicationPage_OrientationChanged(object sender,

OrientationChangedEventArgs e)

{

if (e.Orientation == PageOrientation.PortraitUp)

{

setPortrait();

}

else

{

setLandscape();

}

}

Этот код использует параметр, значение которого определяет новую ориентацию, и вызывает соответствующий метод. Методы изменяют значения отступов от краев элементов, чтобы разместить их подходящим для определенной ориентации образом:
private void setLandscape()

{

firstNumberTextBox.Margin = new Thickness(8, 19, 0, 0);

firstNumberTextBox.Width = 207;

secondNumberTextBox.Margin = new Thickness(252, 19, 0, 0);

secondNumberTextBox.Width = 207;

plusTextBlock.Margin = new Thickness(221, 35, 0, 0);

resultTextBlock.Margin = new Thickness(538, 35, 0, 0);

}
Код метода setPortrait аналогичен методу setLandscape. Элементы располагаются в соответствии со значениями свойства Margin. Отступы от краев задаются значением свойства Thickness, которое содержит величину отступа и ширину границы. В нашем случае ширина границы установлена в 0, поэтому граница не будет отображаться. После добавления этих методов приложение будет работает в обоих режимах ориентации (рис. 14).


Рис. 14. Приложение Сумматор, настроенное под разные режимы ориентации

Часто приложения при изменении ориентации экрана используют анимацию перемещения элементов. Для создания подобных эффектов рекомендуется использовать инструмент Expression Blend.
    1. Использование контейнеров для группировки элементов


Среди элементов Silverlight есть элементы-контейнеры, которые могут содержать другие элементы. Существует несколько различных типов контейнеров, среди которых есть элемент StackPanel.

Элемент StackPanel содержит последовательность элементов Silverlight. Он позволяет располагать вложенные в него элементы в определенном порядке. Элементы в контейнере могут располагаться вертикально (сверху вниз) или горизонтально (слева направо). Вместо того, чтобы настраивать для визуальных элементов отступы от краев экрана, можно поручить эту работу элементу StackPanel:



Name="firstNumberTextBox" VerticalAlignment="Top" Width="460"

TextAlignment="Center" />


VerticalAlignment="Top" FontSize="32" Width="25" />


Name="secondNumberTextBox" VerticalAlignment="Top" Width="460"

TextAlignment="Center" />


VerticalAlignment="Top" FontSize="30" Width="160" TextAlignment="Center" />


Элементы StackPanel решают сами, как будут отображаться элементы на экране. В этом коде лишь указано выравнивание всех элементов по центру выделенной им области.

При таком подходе возникает очень полезный побочный эффект, который заключается в том, что контейнер StackPanel автоматически перестроит элементы при изменении ориентации экрана (рис. 15).


Рис. 15. Приложение Сумматор, использующее элемент StackPanel

Элемент StackPanel можно добавить к проекту, перетащив его с панели инструментов Visual Studio в окно дизайнера или вводя текст XAML вручную. Если элементStackPanel должен группировать элементы горизонтально, нужно указать соответствующий атрибут:

Также можно поместить один StackPanel в другой, что позволяет использовать другую группировку вложенных элементов.

Существуют и другие типы контейнеров. Один из них — элемент Grid. Он позволяет создать прямоугольную сетку из элементов, в каждом из которых может размещаться один или несколько элементов. Фактически в приложении Сумматор экран содержит сетку, состоящую из одного элемента, который занимает всю доступную область экрана.
1   ...   4   5   6   7   8   9   10   11   12

Похожие:

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по выполнению лабораторных работ Издательство
Инженерная геодезия. Методические указания по выполнению лабораторных работ. Составители: Шешукова Л. В., Тютина Н. М., Клевцов Е....

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по выполнению лабораторных работ по дисциплине...
Методические указания по выполнению лабораторных работ рассмотрены и утверждены на заседании кафедры «Безопасность труда и инженерная...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconЛабораторная работа №7 Тема: «Арифметические операции. Битовые команды»
Методические указания к выполнению лабораторных работ по мдк 01. 01 «Системное программирование»

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания для студентов по выполнению лабораторных и...
Методические указания для студентов по выполнению лабораторных и практических работ

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по выполнению практических и лабораторных работ...
Учебно-методическое пособие предназначенодля студентов 3 курса, обучающихся по профессии 23. 01. 03 Автомеханик. Пособие содержит...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по выполнению лабораторных работ являются частью...
ПМ. 01 Обслуживание аппаратного обеспечения персональных компьютеров, серверов, периферийных устройств, оборудования и компьютерной...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по выполнению лабораторных работ по дисциплине «Сметное дело»
...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по выполнению практических и лабораторных работ...
Методические указания предназначены для обучающихся по специальностям технического профиля 21. 02. 08 Прикладная геодезия

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания к выполнению лабораторных работ Омск 2006
П. С. Гладкий, Е. А. Костюшина, М. Е. Соколов, Проектирование баз данных: Методические указания к лабораторным работам. Омск: Издательство:...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по выполнению практических и лабораторных работ...
Омской области «Омский промышленно-экономический колледж» по специальности 18. 02. 09 Переработка нефти и газа в соответствии с требованиями...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconСборник методических указаний для студентов по выполнению лабораторных работ дисциплина «химия»
Методические указания для выполнения лабораторных работ являются частью основной профессиональной образовательной программы Государственного...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconАннотация дисциплины наименование дисциплины
«Программирование для мобильных устройств» является теоретическая и практическая подготовка студентов в области разработки программ...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания к проведению лабораторных работ рпк «Политехник»
Спецкурс по эксплуатации систем электроснабжения: Методические указания к проведению лабораторных работ / Сост. С. В. Хавроничев;...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по проведению лабораторных работ по дисциплине «Информатика»
Методические указания по проведению лабораторных работ предназначены для студентов гоапоу «Липецкий металлургический колледж» технических...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по проведению лабораторных работ по дисциплине «Информатика»
Методические указания по проведению лабораторных работ предназначены для студентов гоапоу «Липецкий металлургический колледж» технических...

Методические указания к выполнению лабораторных работ по спецкурсу «Программирование мобильных устройств» iconМетодические указания по выполнению лабораторных работ Казань 201
Эксплуатация, диагностика и надежность гту: метод указания/ сост.: Б. М. Осипов, А. В. Титов, Р. Г. Сагадеев.  Казань: Казан гос...


Руководство, инструкция по применению




При копировании материала укажите ссылку © 2018
контакты
rykovodstvo.ru
Поиск