2015-10-22
277
Среди элементов Silverlight есть элементы-контейнеры, которые могут содержать другие элементы. Существует несколько различных типов контейнеров, среди которых есть элемент StackPanel.
Элемент StackPanel содержит последовательность элементов Silverlight. Он позволяет располагать вложенные в него элементы в определенном порядке. Элементы в контейнере могут располагаться вертикально (сверху вниз) или горизонтально (слева направо). Вместо того, чтобы настраивать для визуальных элементов отступы от краев экрана, можно поручить эту работу элементу StackPanel:
<StackPanel> <TextBox InputScope="Digits" Height="72" HorizontalAlignment="Center" Name="firstNumberTextBox" VerticalAlignment="Top" Width="460" TextAlignment="Center" /> <TextBlock Height="56" HorizontalAlignment="Center" Name="plusTextBlock" Text="+" VerticalAlignment="Top" FontSize="32" Width="25" /> <TextBox InputScope="Digits" Height="72" HorizontalAlignment="Center" Name="secondNumberTextBox" VerticalAlignment="Top" Width="460" TextAlignment="Center" /> <TextBlock Height="46" HorizontalAlignment="Center" Name="resultTextBlock" VerticalAlignment="Top" FontSize="30" Width="160" TextAlignment="Center" /></StackPanel>Элементы StackPanel решают сами, как будут отображаться элементы на экране. В этом коде лишь указано выравнивание всех элементов по центру выделенной им области.
|
|
|
При таком подходе возникает очень полезный побочный эффект, который заключается в том, что контейнер StackPanel автоматически перестроит элементы при изменении ориентации экрана (рис. 15).
Рис. 15. Приложение Сумматор, использующее элемент StackPanel
Элемент StackPanel можно добавить к проекту, перетащив его с панели инструментов Visual Studio в окно дизайнера или вводя текст XAML вручную. Если элементStackPanel должен группировать элементы горизонтально, нужно указать соответствующий атрибут:
<StackPanel Orientation="Horizontal">Также можно поместить один StackPanel в другой, что позволяет использовать другую группировку вложенных элементов.
Существуют и другие типы контейнеров. Один из них — элемент Grid. Он позволяет создать прямоугольную сетку из элементов, в каждом из которых может размещаться один или несколько элементов. Фактически в приложении Сумматор экран содержит сетку, состоящую из одного элемента, который занимает всю доступную область экрана.
