Освоюємо WPF разом Частина2

Опубліковано Limonell в НД, 21/10/2012 - 20:31

Знову ж таки, ті хто читав першу частину, знають, що за умовчанням, якщо у RowDefinitions не вказувати Height, то ця Height дорівнює «*», що знову ж таки означає, що ці два рядки візьмуть рівний простір. Виглядатиме це приблизно так, як на рис.1.

В даний момент все це виглядає дуже безлико, а тому додамо картинок і симпатичний Border навколо панелі. Зображення можна завантажити звідси . Для іконок у проекті краще створити окрему папку, для цього треба натиснути на проект, і вибрати Add-New folder (рис.3.)

Border може оточувати будь-який елемент або контейнер компонування бордюром, у якого є безліч налаштувань: починаючи від кольору лінії та товщини, і закінчуючи ступенем заокруглення кутів, який задається через CornerRadius.

Ну тепер подібність меню у нас готова, треба в нижній частині вставити текстове поле. Трохи ускладнимо завдання: під текстовим полем у нас у правому кутку має бути кнопка, не має значення яка просто повинна бути в тому кутку якийсь елемент. Приступимо ... Будемо використовувати знову ж таки Border, а всередині нього розташуємо поле і кнопку. Поле має змінювати свій розмір зі зміною розміру форми, кнопка повинна завжди залишатися на місці і не змінювати своїх розмірів. Для такого завдання чудово підійде Grid у два рядки, в якому в другому рядку буде DockPanel з вирівнюванням праворуч, де і буде утримуватися та сама кнопка. Border треба додати знизу Border'a, в якому містилося меню. Xaml розмітка буде на зразок цієї:

---