Создание приложений silverlight. (Лекция 4) - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Создание приложений silverlight. (Лекция 4), слайд №1

Создание приложений silverlight. (Лекция 4), слайд №2

Создание приложений silverlight. (Лекция 4), слайд №3

Создание приложений silverlight. (Лекция 4), слайд №4

Создание приложений silverlight. (Лекция 4), слайд №5

Создание приложений silverlight. (Лекция 4), слайд №6

Создание приложений silverlight. (Лекция 4), слайд №7

Создание приложений silverlight. (Лекция 4), слайд №8

Создание приложений silverlight. (Лекция 4), слайд №9

Создание приложений silverlight. (Лекция 4), слайд №10

Создание приложений silverlight. (Лекция 4), слайд №11

Создание приложений silverlight. (Лекция 4), слайд №12

Создание приложений silverlight. (Лекция 4), слайд №13

Создание приложений silverlight. (Лекция 4), слайд №14

Создание приложений silverlight. (Лекция 4), слайд №15

Создание приложений silverlight. (Лекция 4), слайд №16

Создание приложений silverlight. (Лекция 4), слайд №17

Создание приложений silverlight. (Лекция 4), слайд №18

Создание приложений silverlight. (Лекция 4), слайд №19

Создание приложений silverlight. (Лекция 4), слайд №20

Создание приложений silverlight. (Лекция 4), слайд №21

Создание приложений silverlight. (Лекция 4), слайд №22

Создание приложений silverlight. (Лекция 4), слайд №23

Создание приложений silverlight. (Лекция 4), слайд №24

Создание приложений silverlight. (Лекция 4), слайд №25

Создание приложений silverlight. (Лекция 4), слайд №26

Создание приложений silverlight. (Лекция 4), слайд №27

Создание приложений silverlight. (Лекция 4), слайд №28

Создание приложений silverlight. (Лекция 4), слайд №29

Создание приложений silverlight. (Лекция 4), слайд №30

Создание приложений silverlight. (Лекция 4), слайд №31

Создание приложений silverlight. (Лекция 4), слайд №32

Создание приложений silverlight. (Лекция 4), слайд №33

Создание приложений silverlight. (Лекция 4), слайд №34

Создание приложений silverlight. (Лекция 4), слайд №35

Создание приложений silverlight. (Лекция 4), слайд №36

Создание приложений silverlight. (Лекция 4), слайд №37

Создание приложений silverlight. (Лекция 4), слайд №38

Создание приложений silverlight. (Лекция 4), слайд №39

Создание приложений silverlight. (Лекция 4), слайд №40

Создание приложений silverlight. (Лекция 4), слайд №41

Создание приложений silverlight. (Лекция 4), слайд №42

Создание приложений silverlight. (Лекция 4), слайд №43

Создание приложений silverlight. (Лекция 4), слайд №44

Создание приложений silverlight. (Лекция 4), слайд №45

Создание приложений silverlight. (Лекция 4), слайд №46

Создание приложений silverlight. (Лекция 4), слайд №47

Создание приложений silverlight. (Лекция 4), слайд №48

Создание приложений silverlight. (Лекция 4), слайд №49

Создание приложений silverlight. (Лекция 4), слайд №50

Создание приложений silverlight. (Лекция 4), слайд №51

Создание приложений silverlight. (Лекция 4), слайд №52

Создание приложений silverlight. (Лекция 4), слайд №53

Создание приложений silverlight. (Лекция 4), слайд №54

Создание приложений silverlight. (Лекция 4), слайд №55

Создание приложений silverlight. (Лекция 4), слайд №56

Создание приложений silverlight. (Лекция 4), слайд №57

Создание приложений silverlight. (Лекция 4), слайд №58

Создание приложений silverlight. (Лекция 4), слайд №59

Создание приложений silverlight. (Лекция 4), слайд №60

Создание приложений silverlight. (Лекция 4), слайд №61

Создание приложений silverlight. (Лекция 4), слайд №62

Создание приложений silverlight. (Лекция 4), слайд №63

Создание приложений silverlight. (Лекция 4), слайд №64

Создание приложений silverlight. (Лекция 4), слайд №65

Создание приложений silverlight. (Лекция 4), слайд №66

Создание приложений silverlight. (Лекция 4), слайд №67

Создание приложений silverlight. (Лекция 4), слайд №68

Создание приложений silverlight. (Лекция 4), слайд №69

Создание приложений silverlight. (Лекция 4), слайд №70

Создание приложений silverlight. (Лекция 4), слайд №71

Создание приложений silverlight. (Лекция 4), слайд №72

Создание приложений silverlight. (Лекция 4), слайд №73

Создание приложений silverlight. (Лекция 4), слайд №74

Создание приложений silverlight. (Лекция 4), слайд №75

Создание приложений silverlight. (Лекция 4), слайд №76

Создание приложений silverlight. (Лекция 4), слайд №77

Создание приложений silverlight. (Лекция 4), слайд №78

Создание приложений silverlight. (Лекция 4), слайд №79

Создание приложений silverlight. (Лекция 4), слайд №80

Создание приложений silverlight. (Лекция 4), слайд №81

Создание приложений silverlight. (Лекция 4), слайд №82

Создание приложений silverlight. (Лекция 4), слайд №83

Создание приложений silverlight. (Лекция 4), слайд №84

Создание приложений silverlight. (Лекция 4), слайд №85

Создание приложений silverlight. (Лекция 4), слайд №86

Создание приложений silverlight. (Лекция 4), слайд №87

Создание приложений silverlight. (Лекция 4), слайд №88

Создание приложений silverlight. (Лекция 4), слайд №89

Создание приложений silverlight. (Лекция 4), слайд №90

Создание приложений silverlight. (Лекция 4), слайд №91

Создание приложений silverlight. (Лекция 4), слайд №92

Создание приложений silverlight. (Лекция 4), слайд №93

Создание приложений silverlight. (Лекция 4), слайд №94

Создание приложений silverlight. (Лекция 4), слайд №95

Создание приложений silverlight. (Лекция 4), слайд №96

Создание приложений silverlight. (Лекция 4), слайд №97

Создание приложений silverlight. (Лекция 4), слайд №98

Создание приложений silverlight. (Лекция 4), слайд №99

Создание приложений silverlight. (Лекция 4), слайд №100

Создание приложений silverlight. (Лекция 4), слайд №101

Создание приложений silverlight. (Лекция 4), слайд №102

Создание приложений silverlight. (Лекция 4), слайд №103

Создание приложений silverlight. (Лекция 4), слайд №104

Создание приложений silverlight. (Лекция 4), слайд №105

Создание приложений silverlight. (Лекция 4), слайд №106

Создание приложений silverlight. (Лекция 4), слайд №107

Создание приложений silverlight. (Лекция 4), слайд №108

Создание приложений silverlight. (Лекция 4), слайд №109

Создание приложений silverlight. (Лекция 4), слайд №110

Создание приложений silverlight. (Лекция 4), слайд №111

Создание приложений silverlight. (Лекция 4), слайд №112

Создание приложений silverlight. (Лекция 4), слайд №113

Создание приложений silverlight. (Лекция 4), слайд №114

Создание приложений silverlight. (Лекция 4), слайд №115

Создание приложений silverlight. (Лекция 4), слайд №116

Создание приложений silverlight. (Лекция 4), слайд №117

Создание приложений silverlight. (Лекция 4), слайд №118

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Создание приложений silverlight. (Лекция 4). Доклад-сообщение содержит 118 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Создание приложений Silverlight Лекция 4

Слайд 2

Описание слайда:

Улучшение приложения Раздел 4.1

Слайд 3

Описание слайда:

Темы раздела Управление свойствами элементов Silverlight Редактирование XAML-кода элементов Silverlight Вывод окна с сообщением Добавление и использование ресурсов Выбор способа размещения ресурсов

Слайд 4

Описание слайда:

Элементы Silverlight Базовыми часто используемыми элементами пользовательского интерфейса Silverlight являются: TextBlock — для вывода на экран сообщений и текста TextBox — для получения вводимых пользователями данных Button — для получения событий В приложениях эти элементы используются совместно

Слайд 5

Описание слайда:

Элементы Silverlight как объекты Визуальные элементы Silverlight являются объектами Объект является экземпляром определённого типа элемента Можно управлять значениями свойств и вызывать методы этих объектов Результатом этих действий будет изменение внешнего вида объектов на экране

Слайд 6

Описание слайда:

Свойства элемента TextBlock Чтобы изменить текст в элементе TextBlock, нужно присвоить строку с текстом свойству Text При установке значения свойства выполняется программный код, который изменяет значение текста и перерисовывает элемент на экране

Слайд 7

Описание слайда:

Использование метода TryParse Метод TryParse пытается преобразовать введённый текст в целое число Если преобразование завершится неудачей, метод вернёт значение false Этот метод не генерирует исключений

Слайд 8

Описание слайда:

Изменение цвета текста В этом коде при вводе недопустимого значения в элемент TextBox цвет текста становится красным

Слайд 9

Описание слайда:

Изменение цвета текста При выводе текста используется объект Silverlight кисть Часто используется кисть непрерывной заливки, но можно также создать кисть на основе изображения или градиента

Слайд 10

Описание слайда:

Настройка кисти В программе используются две кисти кисть errorBrush используется в случае ввода недопустимого значения кисть correctBrush используется по умолчанию при отсутствии ошибок

Слайд 11

Описание слайда:

Сохранение кисти по умолчанию При первом вызове метода сохраняется текущая кисть элемента TextBox

Слайд 12

Описание слайда:

Использование кистей The text is drawn using a Silverlight brush The simplest form is a solid colour, but you can make bushes from images and gradients

Слайд 13

Описание слайда:

Изменение XAML-кода элемента XAML-код используется для настройки визуальных элементов Silverlight, которые размещаются на странице приложения Можно изменить объявление элемента TextBox, чтобы при его использовании выводилась клавиатура для ввода чисел Это лучше сделать в XAML-коде, хотя можно и в коде на языке C#

Слайд 14

Описание слайда:

XAML-код элемента TextBlock Этот XAML-код описывает настройки свойств элемента TextBox Код содержит настройки расположения элемента на экране и выравнивания текста Все настройки элемента представляются набором пар «имя—значение»

Слайд 15

Описание слайда:

Свойство InputScope Тип клавиатуры для элемента TextBox выбирается на основе значения свойства InputScope элемента TextBox Элемент InputScope является набором значений типа InputScopeName В XAML-коде описания элемента свойство InputScope может быть представлено в виде элемента или атрибута

Слайд 16

Описание слайда:

Описание свойства InputScope

Слайд 17

Описание слайда:

Атрибуты и элементы Одни и те же свойства элементов могут быть представлены в XAML-коде и в виде атрибутов, и в виде элементов

Слайд 18

Описание слайда:

Настройка свойств в коде на C# Этот код также устанавливает значение свойства InputScope элемента TextBox

Слайд 19

Описание слайда:

Вывод окна с сообщением Можно вывести на экран окно с сообщением с информацией для пользователя или для запроса подтверждения выполняемого действия Класс MessageBox содержит метод Show для вывода на экран окна с сообщением Окно может содержать несколько кнопок для получения подтверждения или ответа пользователя на сообщение

Слайд 20

Описание слайда:

Пример простого сообщения Можно создать многострочное сообщение с помощью свойства NewLine Метод Show выполняется до тех пор, пока пользователь не нажмёт кнопку ok

Слайд 21

Описание слайда:

Сообщение с выбором Можно использовать возвращаемое методом значение для управления поведением программы

Слайд 22

Описание слайда:

Использование ресурсов В приложении можно использовать различные ресурсы, например, изображения и звуки При использовании изображений в приложении важно помнить, что целевое устройство не содержит большой объём памяти или экран высокого разрешения Самое высокое разрешение для Windows Phone составляет 800×480 пикселей

Слайд 23

Описание слайда:

Добавление ресурса Файл ресурса можно добавить, перетащив его в окно обозревателя решений В текущем проекте будет создана копия файла, на которую будет установлена ссылка

Слайд 24

Описание слайда:

Ссылка на ресурс При добавлении ссылки на файл ресурса не создаётся копия этого файла Ссылка на ресурс используется, если один и тот же файл ресурса должен использоваться сразу в нескольких проектах

Слайд 25

Описание слайда:

Действие при построении При добавлении ресурса в проект можно настроить способ использования в свойстве Действие при построении Если свойству присвоено значение Содержание, ресурс копируется в каталог с исполняемым файлом программы Если свойству присвоено значение Внедренный ресурс, ресурс будет располагаться в сборке программы

Слайд 26

Описание слайда:

Использование файла ресурса Silverlight предоставляет элемент Image для вывода изображений на экран Элемент использует атрибут Source для указания файла с изображением Silverlight выводит элементы в порядке их описания в XAML-коде

Слайд 27

Описание слайда:

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

Слайд 28

Описание слайда:

Выбор способа размещения ресурсов Ресурсы как часть содержимого уменьшается размер файла программы программа быстрее запускается, но чуть дольше загружает ресурс Внедрённые ресурсы увеличивается размер программы программа дольше запускается, но быстрее загружает ресурс не используются дополнительные файлы

Слайд 29

Описание слайда:

Краткие итоги У элементов Silverlight много свойств, которыми можно управлять в программе Инициализацию свойств лучше выполнять в XAML-описании элементов Свойства описываются в виде атрибутов и элементов XAML Элемент MessageBox используется для получения реакции пользователя Ресурсы могут добавляться как часть содержимого или внедряться в сборку

Слайд 30

Описание слайда:

Изменение и отображение данных Раздел 4.2

Слайд 31

Описание слайда:

Темы раздела Генерация событий элементами Silverlight Использование привязки данных для связи элементов Silverlight с классами приложений добавление классов на страницу однонаправленная привязка данных двунаправленная привязка данных

Слайд 32

Описание слайда:

События элементов Silverlight Элементы Silverlight связываются с обработчиками страницы в коде приложения

Слайд 33

Описание слайда:

Событие TextChanged Элемент Button генерирует событие Click при нажатии на кнопку Элемент TextBox генерирует событие TextChanged, когда пользователь вводит текст При использовании этого события можно обойтись без необходимости нажатия на кнопку

Слайд 34

Описание слайда:

Автоматическое вычисление результата Каждый раз при вводе текста в элемент TextBox происходит автоматическое вычисление результата

Слайд 35

Описание слайда:

Привязка данных Привязка данных позволяет связывать данные в программе с элементами пользовательского интерфейса Существует два вида привязки данных однонаправленная двунаправленная

Слайд 36

Описание слайда:

Однонаправленная привязка Связывает свойство визуального объекта со свойством класса C# При изменении свойства класса также изменяется связанное свойство визуального элемента В программе Сумматор можно связать вычисляемый результат с визуальным элементом, в котором отображается его значение

Слайд 37

Описание слайда:

Двунаправленная привязка Этот вид привязки работает в двух направлениях изменение визуального элемента вызывает изменение в связанном классе C# изменение свойств класса C# вызывает обновление связанного визуального элемента на экране Такую привязку можно использовать в программе Сумматор для ввода чисел

Слайд 38

Описание слайда:

Создание класса для привязки Необходимо создать класс, который инкапсулирует поведение программы Сумматор Класс будет содержать свойства, связанные с визуальными элементами текст верхнего элемента TextBox текст нижнего элемента TextBox текст элемента TextBlock

Слайд 39

Описание слайда:

Создания объекта для привязки

Слайд 40

Описание слайда:

Добавление уведомления Для того чтобы класс можно было связать с визуальным элементом, в нём должен быть реализован интерфейс INotifyPropertyChanged

Слайд 41

Описание слайда:

Визуальные элементы Silverlight Если визуальный элемент Silverlight должен быть уведомлён об изменении свойства, он должен быть связан с событием PropertyChanged В этом коде Silverlight уведомляется об изменении значения свойства AnswerValue

Слайд 42

Описание слайда:

Определение значения свойства Когда элемент Silverlight считывает значение свойства, происходит вычисление и возврат результата Значение результата автоматически отображается на экране

Слайд 43

Описание слайда:

Связывание класса в XAML-коде Класс C# должен быть связан с XAML-кодом страницы перед его использованием Необходимо добавить пространство имён, в котором описан класс, который должен быть доступен элементам на странице Файл XAML содержит список используемых пространств имён

Слайд 44

Описание слайда:

Связывание с классом-ресурсом После добавления пространства имён нужно объявить имя класса, который описан в этом пространстве имён и используется в качестве ресурса

Слайд 45

Описание слайда:

Добавление ресурса к элементу Элемент Grid содержит все элементы страницы Указание объекта в качестве значения свойства DataContext делает его доступным для всех элементов, которые описаны внутри элемента

Слайд 46

Описание слайда:

Применение привязки данных Привязка к свойствам выполняется в области свойств Visual Studio После выбора пункта Применить привязку данных… можно выбрать необходимое свойство и тип привязки

Слайд 47

Описание слайда:

Привязка данных в XAML-коде Редактирование кода XAML является более простым способом задания привязки данных к элементам на странице Можно указать свойство для привязки и присвоить значению свойства визуального элемента DataContext объект привязки

Слайд 48

Описание слайда:

Установка свойства DataContext Элемент ContentGrid является контейнером для других элементов При присваивании свойству DataContext экземпляра класса AddClass выполняется привязка свойств этого объекта

Слайд 49

Описание слайда:

Краткие итоги Элементы Silverlight могут генерировать события, с которыми можно связать код C# Свойства элементов Silverlight могут быть связаны со свойствами классов C# Привязка может быть однонаправленной и двунаправленной Тип привязки и свойства можно задать в XAML-коде, а свойство DataContext задаётся в коде программы C#

Слайд 50

Описание слайда:

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

Слайд 51

Описание слайда:

Краткие итоги Альбомная и книжная ориентация Событие OrientationChanged Использование контейнеров для группировки элементов Элемент StackPanel

Слайд 52

Описание слайда:

Ориентация в Windows Phone В отличие от настольных компьютеров устройство Windows Phone может использоваться два вида ориентации: книжная — горизонтальное расположение альбомная — вертикальное расположение Некоторые приложения могут корректно работать в обоих режимах ориентации Для поддержки обоих режимов требуется создать два дизайна приложения

Слайд 53

Описание слайда:

Выбор ориентации приложения Тип ориентации приложения для Windows Phone указывается в XAML-файле страницы в атрибутах SupportedOrientations и Orientation По умолчанию приложение использует книжную ориентацию

Слайд 54

Описание слайда:

Режим нескольких ориентаций С этими настройками страница работает в обоих режимах ориентации Начальная ориентация — книжная При повороте телефона программа попытается перерисовать дизайн в соответствии с ориентацией устройства

Слайд 55

Описание слайда:

Расположение элементов Система Silverlight использует координаты для определения позиции элементов При перемещении элементов в дизайнере Visual Studio для них задаётся отступ от границ экрана При изменении ориентации эти значения необходимо изменить

Слайд 56

Описание слайда:

Событие OrientationChanged Приложение может получить уведомление об изменении ориентации страницы При возникновении события изменения ориентации телефона приложение может изменить расположение элементов

Слайд 57

Описание слайда:

Поддержка смены ориентации Этот метод запускается при изменении ориентации телефона и вызывает подходящий метод set

Слайд 58

Описание слайда:

Метод setLandscape Этот метод настраивает элементы для альбомной ориентации Класс Thickness содержит 4 значения координаты элемента и ширина границ

Слайд 59

Описание слайда:

Использование контейнеров Использование отступов от границ удобно использовать в приложениях, поддерживающих только один режим ориентации В Silverlight есть элементы-контейнеры, которые могут содержать другие элементы и автоматически располагать их на экране Контейнеры можно эффективно использовать в приложениях, работающих в обоих режимах ориентации

Слайд 60

Описание слайда:

Элемент-контейнер StackPanel Элемент StackPanel может содержать несколько текстовых элементов Вложенные элементы располагаются в определённой последовательности Последовательность элементов может быть горизонтальной или вертикальной Можно вкладывать один или несколько элементов StackPanel в другой элемент StackPanel

Слайд 61

Описание слайда:

Использование StackPanel Элемент StackPanel выводит вложенные элементы в том порядке, в каком они описываются в XAML-коде

Слайд 62

Описание слайда:

Краткие итоги Приложения Windows Phone могут работать в альбомной и/или книжной ориентации Можно установить поддерживаемый тип ориентации отдельно для каждой страницы Приложения используют событие изменения ориентации устройства Контейнеры автоматически располагают элементы при изменении ориентации

Слайд 63

Описание слайда:

Отображение списков данных Раздел 4.4

Слайд 64

Описание слайда:

Темы раздела Создание списков данных Использование элемента StackPanel для вывода списка на экран Использование элемента ListBox для отображения списка элементов Использование шаблонов данных События выбора элемента

Слайд 65

Описание слайда:

Списки данных в приложениях Часто в приложениях необходимо выводить списки каких-либо объектов Для этого необходимы специальные средства, предусматривающие отображение списочных данных Чтобы отобразить список данных в приложении требуется подготовить содержание элементов списка

Слайд 66

Описание слайда:

Класс Customer Класс Customer будет содержать данные об одном клиенте

Слайд 67

Описание слайда:

Класс Customers Класс Customers содержит список клиентов

Слайд 68

Описание слайда:

Подготовка тестовых данных

Слайд 69

Описание слайда:

Элемент StackPanel Для вывода списка на экран можно создать элемент StackPanel, в который поместить все элементы списка Silverlight позволяет создавать визуальные элементы во время выполнения программы Для каждого элемента списка можно создать элементы TextBlock, в которые занести выводимую на экран информацию

Слайд 70

Описание слайда:

Тестовые данные В свойство Children элемента customersStackPanel добавляются элементы списка, выводимые на экран

Слайд 71

Описание слайда:

Отображение списка на экране В элементе StackPanel можно разместить необходимое количество элементов При большом количестве элементов списка некоторые элементы могут не помещаться на экране

Слайд 72

Описание слайда:

Элемент ScrollViewer Элемент ScrollViewer также может содержать другие элементы Этот элемент использует полосы прокрутки, если вложенные элементы не помещаются на экран

Слайд 73

Описание слайда:

Элемент ListBox Элемент ListBox специально создан для вывода списков элементов Элемент использует привязку данных для связи списка с данными Связывание с данными обычно более предпочтительно, поскольку избавляет от необходимости писать код для загрузки элементов списка

Слайд 74

Описание слайда:

Создание шаблона данных Шаблон данных DataTemplate определяет, как будут выглядеть элементы списка на экране В этом коде каждый элемент будет выводиться в блоках TextBlock внутри элемента StackPanel

Слайд 75

Описание слайда:

Использование шаблона данных Это пример XAML-кода списка элементов Элемент customerList выводит список, состоящий из значений свойств Name и Address связанных объектов

Слайд 76

Описание слайда:

Указание источника данных Данные для списка задаются в свойстве ItemSource элемента ListBox Элемент ListBox создаёт для каждого элемента списка визуальные элементы и помещает в них информацию в соответствии с заданным шаблоном данных

Слайд 77

Описание слайда:

Вывод списка в элементе ListBox После задания шаблона данных и указания списка элементов в свойство ItemSource элемент ListBox будет выводить список на экран Элемент ListBox при необходимости выводит полосы прокрутки

Слайд 78

Описание слайда:

Улучшенный шаблон данных Этот шаблон данных задаёт разные стили для элементов, выводящих имя и адрес Для этого используются встроенные в Windows Phone стили

Слайд 79

Описание слайда:

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

Слайд 80

Описание слайда:

Выбор элементов в ListBox В программу можно добавить возможность выбора пользователем одного элемента из списка Приложение должно отображать и редактировать подробную информацию о выбранном клиенте Элемент ListBox позволяет легко добавить такую возможность

Слайд 81

Описание слайда:

Событие SelectionChanged Элемент ListBox может генерировать событие SelectionChanged Оно происходит, когда пользователь выбирает элемент из списка ListBox Это событие можно использовать в программе для выполнения необходимых действий при выборе клиента

Слайд 82

Описание слайда:

Событие SelectionChanged В состав элемента ListBox входит свойство SelectedItem, которое содержит ссылку на выбранный элемент

Слайд 83

Описание слайда:

Краткие итоги Программы Silverlight могут создавать визуальные элементы во время работы Если элемент не помещается на экране, его можно поместить в элемент ScrollViewer, который использует полосы прокрутки Элемент ListBox может выводить элементы в соответствии с заданным шаблоном данных Элемент ListBox может генерировать события при выборе элемента списка

Слайд 84

Описание слайда:

Навигация по страницам приложения Раздел 4.5

Слайд 85

Описание слайда:

Темы раздела Добавление новой страницы в приложение Навигация по страницам Передача данных между страницами Использование событий при навигации по страницам Совместное использование объектов несколькими страницами

Слайд 86

Описание слайда:

Добавление новой страницы Новую страницу можно добавить в проект так же, как и другие объекты При этом создаются файлы с кодом XAML и C#

Слайд 87

Описание слайда:

Навигация по страницам Объект NavigationService выполняет перемещение между страницами У каждой страницы Silverlight есть свой URI Метод Navigate осуществляет переход к указанной странице

Слайд 88

Описание слайда:

Типы URI Адрес страницы может быть задан абсолютно или относительно текущего расположения Значение RelativeOrAbsolute часто применяется вместо значения Relative

Слайд 89

Описание слайда:

Использование кнопки Назад Кнопка Назад используется в Windows Phone для перехода к предыдущей странице Это поведение используется при навигации по страницам Silverlight При нажатии на кнопку Назад происходит переход к предыдущей странице приложения или завершение работы программы

Слайд 90

Описание слайда:

Изменение поведения кнопки Часто необходимо переопределить действие кнопки Назад по умолчанию Можно создать обработчик события нажатия на кнопку Назад и указать необходимые действия

Слайд 91

Описание слайда:

Отмена перехода Этот обработчик события, связанный с событием нажатия на кнопку Назад, отменяет переход на предыдущую страницу

Слайд 92

Описание слайда:

Использование MessageBox Этот код выводит диалоговое окно для подтверждения перехода

Слайд 93

Описание слайда:

Передача данных между страницами Каждая страница Silverlight является независимой от других страниц Страница может содержать данные, которые недоступны другим страницам Часто необходимо передавать данные от одной страницы к другой Простые данные можно передавать в строке URI с адресом целевой страницы

Слайд 94

Описание слайда:

Добавление данных в URI Этот код добавляет в строку URI целевой страницы два параметра: name и address Значения параметров передаются в виде открытой строки

Слайд 95

Описание слайда:

Использование событий при навигации по страницам Если целевая страница использует параметры из URI, необходимо добавить код для чтения значений параметров Можно переопределить методы страницы, которые вызываются при переходе на страницу или на другую страницу OnNavigatedTo OnNavigatedFrom

Слайд 96

Описание слайда:

Получение данных из URI В объекте NavigationContext есть свойство QueryString Метод TryGetValue ищет значение в URI и возвращает значение true, если такой параметр существует

Слайд 97

Описание слайда:

Совместное использование объектов несколькими страницами Каждая страница в программе может хранить данные, которые недоступны другим страницам При переходе на страницу она не содержит ссылку на исходную страницу Для совместного использования данных можно использовать страницу App.xaml

Слайд 98

Описание слайда:

Страница App.xaml Эта страница является главной страницей приложения Она содержит только методы, которые вызываются при запуске приложения Также на этой странице размещаются обработчики некоторых событий, которые необходимы для правильной работы приложения

Слайд 99

Описание слайда:

Класс App Класс App является расширением класса Silverlight Application В этот класс можно добавить свои методы Созданное свойство ActiveCustomer можно использовать в других страницах приложения

Слайд 100

Описание слайда:

Получение ссылки на объект App Свойство Current класса Application содержит ссылку на активную страницу приложения

Слайд 101

Описание слайда:

Установка контекста данных Здесь задаётся контекст данных для отображения информации о выбранном клиенте

Слайд 102

Описание слайда:

Краткие итоги Приложение Silverlight может состоять из нескольких страниц Навигация по страницам выполняется с помощью URI, который может содержать строковые параметры При необходимости можно переопределить поведение кнопки Назад Можно предоставить совместный доступ к объектам, поместив их на страницу App.xaml

Слайд 103

Описание слайда:

Использование классов ViewModel Раздел 4.6

Слайд 104

Описание слайда:

Темы раздела Классы ViewModel и дизайн интерфейса Использование шаблона Model –View-ViewModel Создание класса ViewModel Передача данных класса ViewModel Использование наблюдаемых коллекций

Слайд 105

Описание слайда:

Отображение изменений Когда пользователь изменяет информацию о клиенте, она должна обновляться при нажатии на кнопку сохранить При нажатии на кнопку отмена (или Назад) все изменения должны отменяться

Слайд 106

Описание слайда:

Связывание с данными Можно связать информацию о клиенте с визуальными элементами на форме При изменении значений элементов связанные данные изменяются сразу же Это не очень удобный путь построения приложения информация обновляется до окончания редактирования пользователь может захотеть отменить сделанные изменения

Слайд 107

Описание слайда:

Model-View-ViewModel Класс ViewModel связывает данные (класс Customer) и элементы интерфейса (класс CustomerDetailPage) Класс содержит все события изменения данных и при необходимости выполняет их передачу и проверку Информация о клиенте загружается в класс при открытии формы для редактирования и сохраняется при нажатии на кнопку сохранить

Слайд 108

Описание слайда:

Класс CustomerView This code adds a confirmation message

Слайд 109

Описание слайда:

Класс CustomerView Класс CustomerView связывает свойства класса Customer с визуальными элементами TextBox Он генерирует события, необходимые для осуществления двунаправленной привязки данных Класс также содержит методы для загрузки и сохранения объекта Customer

Слайд 110

Описание слайда:

Методы Load и Save This code adds a confirmation message

Слайд 111

Описание слайда:

Начало редактирования

Слайд 112

Описание слайда:

Окончание редактирования

Слайд 113

Описание слайда:

Метод GoBack Метод GoBack осуществляет переход к предыдущей странице Такое же действие выполняется при нажатии на кнопку Назад

Слайд 114

Описание слайда:

Наблюдаемые коллекции Класс ViewModel является «наблюдаемым» можно использовать события, происходящие при изменении данных Для отображения изменений элементов в списке нужно использовать другой тип коллекции Наблюдаемые коллекции могут генерировать события, которые может использовать элемент ListBox для отображения изменений

Слайд 115

Описание слайда:

Класс ObservableCollection Этот код создаёт наблюдаемую коллекцию на основе списка клиентов Эта коллекция устанавливается в качестве значения свойства ItemsSource визуального элемента customerList

Слайд 116

Описание слайда:

Подтверждение изменений Класс ObservableCollection не реагирует на изменение данных в элементе списка Можно принудительно вызвать изменение данных, удалив элемент списка и вернув его назад

Слайд 117

Описание слайда:

Сохранение данных После окончания редактирования списка клиентов необходимо получить обновлённые данные из класса ObservableCollection Класс предоставляет несколько возможностей извлечения данных Приведённый код возвращает список клиентов

Слайд 118

Описание слайда:

Краткие итоги Класс ViewModel содержит свойства данных, которые копируются из источника и возвращаются после редактирования Класс ViewModel реагирует на события пользовательского интерфейса и выполняет проверку и преобразование данных Класс ObservableCollection Windows Phone предоставляет возможности ViewModel для коллекций элементов