Читайте также:
|
|
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 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Шаг 2. Добавляем элементы интерфейса для XAML-страниц | | | StackPanel |