Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Шаг 1. Принципы разметки

Читайте также:
  1. I.5. Принципы отбора материала и организации учебного материала.
  2. II. Понятие и принципы построения управленческих структур.
  3. II. Принципы профессиональной деятельности нотариуса
  4. II. Принципы российского гражданства.
  5. III. Танец-отражение музыки с помощью движения. Принципы движений хип-хоп-аэробики.
  6. IV. Принципы построения сюжета
  7. O Общие принципы

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

· Canvas

· StackPanel

· Grid

Рассмотрим каждый из этих элементов, чтобы получить о них более полное представление. Для демонстрации воспользуемся привычными нам кнопками, которые будет размещать на поверхности нашего приложения. Вы можете заново создать новый проект или продолжить работу над предыдущим примером. Будем вносить изменения в коде файла Home.xaml.

Canvas

Элемент Canvas является одним из базовых элементов разметки и позволяет размещать элементы привычным нам способом при помощи задания нужных координат (именно такой способ мы использовали в Windows Forms. Например, попробуем разместить три кнопки следующим образом:

<Canvas>
<Button Canvas.Top="50" Canvas.Left="50" Content="Button 1" FontSize="18"
Width="150" Height="45" />

<Button Canvas.Top="150" Canvas.Left="20" Content="Button 2" FontSize="18"
Width="150" Height="45" />

<Button Canvas.Top="70" Canvas.Left="80" Canvas.ZIndex="99"
Content="Button 3" FontSize="18" Width="150" Height="45" />

</Canvas>

На экране мы увидим следующую картинку:


Рис. л. р. 1.6. Результат размещения контролов на элементе разметки Convas.

Как Вы видите, мы просто задаем координаты для кнопок. В случае необходимости мы также можем указать порядок ZIndex, если одна кнопка перекрывает другую. Подобная модель размещения элементов вполне годится при создании игр или демонстрации каких-то физических процессов. Также Canvas подойдет в тех случаях, когда элементы статичны и хорошо смотрятся в различных ситуациях. Но, на самом деле, существуют более удобные контейнеры, которые вытесняют Canvas, и избавляют программиста от множества проблем, возникаемых при разработке удобных приложений. К числу таких элементов относятся StackPanel или Grid.


Дата добавления: 2015-08-13; просмотров: 78 | Нарушение авторских прав


Читайте в этой же книге: Введение | Краткий экскурс в историю графических интерфейсов пользователя | Основы модели UI и XAML | Разделение труда дизайнера и разработчика | Модель программирования XAML | Ключевые термины | Краткие итоги | Задача 4. | Задача 9. | Шаг 1. Создание проекта |
<== предыдущая страница | следующая страница ==>
Шаг 2. Добавляем элементы интерфейса для XAML-страниц| StackPanel

mybiblioteka.su - 2015-2024 год. (0.005 сек.)