WPF, Властивості компонування елементів

Елементи WPF мають набір властивостей, які допомагають позиціонувати дані елементи. Розглянемо деякі з цих властивостей.

Ширина та висота

У елемента можна встановити ширину за допомогою властивості Width та висоту за допомогою властивості Height. Ці властивості набувають значення типу double. Хоча загальна рекомендація полягає в тому, що бажано уникати жорстко закодованих у коді ширини та висоти.

Також ми можемо задати можливий діапазон ширини та висоти за допомогою властивостей MinWidth/MaxWidth та MinHeight/MaxHeight. І при розтягуванні або стисканні контейнерів елементи з заданими властивостями не виходитимуть за межі встановлених значень.

Можливо, виникає питання, а в яких одиницях виміру встановлюються ширина та висота? Та й загалом які одиниці виміру використовуються? У WPF можна використовувати кілька одиниць вимірювання: сантиметри (cm), точки (pt), дюйми (in) і пікселі (px). Наприклад, поставимо розміри в інших одиницях:

Якщо одиниця виміру не задана явно, а просто стоїть число, використовуються за замовчуванням пікселі. Але ці пікселі не дорівнюють звичайним пікселям, а є свого роду "логічними пікселями", незалежними від конкретного пристрою. Кожен такий піксель становить 1/96 дюйма незалежно від роздільної здатності екрана.

Вирівнювання

HorizontalAlignment

За допомогою спеціальних властивостей ми можемо вирівняти елемент щодо певної сторони контейнера по горизонталі чи вертикалі.

Властивість HorizontalAlignment вирівнює елемент по горизонталі щодо правої або лівої сторони контейнера і може приймати значення Left, Right, Center (положення по центру), Stretch (розтяг по всій ширині). Наприклад:

елементів

VerticalAlignment

Такожми можемо задати елемента вирівнювання по вертикалі з допомогою властивості VerticalAlignment , яке приймає такі значення: Top (положення у верхівки контейнера), Bottom (положення внизу), Center (положення центром), Stretch (розтяг по всій висоті). Наприклад:

властивості

Відступи margin

Властивість Margin встановлює відступи навколо елемента. Синтаксис: Margin="лівий відступ верхній відступ правий відступ нижній відступ". Наприклад, встановимо відступи в однієї кнопки ліворуч і зверху, а в іншої кнопки праворуч і знизу:

компонування

Якщо ми поставимо властивість таким чином: Margin = "20", то відразу встановимо відступ для всіх чотирьох сторін.