Программирование - это просто
Advertisement
Главная arrow Уроки C# arrow Технология SilverLight для чайников. arrow Технология SilverLight для чайников. Урок 3. Контейнеры.
06.10.2022 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Технология SilverLight для чайников. Урок 3. Контейнеры. Печать E-mail
Автор megabax   
22.10.2013 г.
В этой статье я постараюсь максимально просто и понятно изложить основы программирования на языке Delphi

Технология SilverLight для чайников. Урок 3. Контейнеры.

Очень часто при создании WEB-интерфейса встает проблема, что бы сделать интерфейс привлекательным, гибким и практичным. Все упирается в то, что приложение может использоваться на разном оборудовании с разными характеристиками. Хуже всего то, что разработчик не может задать размер окна браузера в котором будет выведено содержимое SilverLight. К счастью, из положения есть выход: контейнеры.

Каждый контейнер обладает своей логикой размещения элементов. Вот лишь несколько способов такого размещения:

  • Наложить элементы друг на друга.

  • Разместить в ячейках невидимой решетки.

  • Позиционировать на основе жестко закодированной системы координат.

В окно SilverLight помещается только один элемент. Что бы вывести несколько элементов, нужно разместить на странице контейнер и поместить их туда. Каждый контейнер это панель, происходящая от абстрактного класса System.Windows.Controls.Panel. Этот класс имеет два открытых свойства Background и Children.

В SilverLight есть пять контейнеров:

  • StackPanel. Размещает элементы по вертикали или горизонтали.

  • WrapPanel. Размещает элементы с помощью переносимых строк или столбцов.

  • DockPanel. Выравнивает элементы по краю контейнера.

  • Grid. Размещает элементы в ячейках невидимой сетки.

  • Canvas. В этом контейнере элементы позиционируются с помощью фиксированных координат.

Один контейнер может быть так же размещен в другом.

А теперь от теории перейдем к практике. И так, создаем новое приложение SilverLight. При создании через Visual Studio 2010 в проект автоматически вставляется панель Grid:

Технология SilverLight для чайников. Урок 3. Контейнеры.

Давайте для начала поиграемся с фоном панели. Фон на самом деле это не просто цвет, а гораздо более мощный объект: кисть (Brush). С помощью этого объекта фон не только можно залить одним цветом, но и более экзотическими видами заливки, например, градиентом или растровым изображением. Но мы пока зальем фон одним цветом. И так, кинем на форму пару кнопок:

Технология SilverLight для чайников. Урок 3. Контейнеры.

И определим для них обработчики нажатия:

        private void button1_Click(object sender, RoutedEventArgs e)

        {

            LayoutRoot.Background = new SolidColorBrush(Colors.Cyan);

        }

 

        private void button2_Click(object sender, RoutedEventArgs e)

        {

            LayoutRoot.Background = new SolidColorBrush(Colors.Yellow);

        }

Запустив программу, мы увидим нечто вроде этого:

Технология SilverLight для чайников. Урок 3. Контейнеры.

Цвета можно задать и с помощью палитры RGB при помощи метода Color.FromArgb(A,R,G,B), где аргумент A - это прозрачность.

Для удобства размещения элементов можно добавить в сетку (компонент Grid) строки и столбцы:

Технология SilverLight для чайников. Урок 3. Контейнеры.

Контейнер StackPanel позволяет автоматически размещать элементы по вертикали или горизонтали:

Технология SilverLight для чайников. Урок 3. Контейнеры.

Если мы запустим наш пример, то увидим, что при изменении размера страницы контейнеры могут сжиматься и растягиваться. Вот например сжатое окно:

Технология SilverLight для чайников. Урок 3. Контейнеры.

А вот мы его расширили:

Технология SilverLight для чайников. Урок 3. Контейнеры.

В StackPanel  можно поменять ориентацию размещения:

Технология SilverLight для чайников. Урок 3. Контейнеры.

 

Еще элементы внутри контейнера можно выравнивать, используя свойство HorizontalAlignment или VerticalAlignment:

Технология SilverLight для чайников. Урок 3. Контейнеры.

 


Скриншоты, помеченные знаком *, являются цитатами и иллюстрациями  программного продукта "Microsoft Visual Studio 2010 Professional", авторское право на который принадлежит корпорации Microsoft.. 


 

 

 

Последнее обновление ( 22.10.2013 г. )
 
« След.   Пред. »
 
© 2022 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги