Виджет Vertical Divider представляет собой вертикальную линию, которая используется для визуального разделения виджетов. Например, его можно использовать при отображении списка элементов, содержащего несколько колонок информации, или для отделения навигационной панели от содержимого страницы и т.д.
Добавление виджета вертикального разделителя
Вот как добавить виджет Vertical Divider в ваш проект:
- Сначала добавьте виджет Vertical Divider.
- Посмотрите, как настроить его внешний вид с помощью свойств.
Настройка
Вы можете настроить внешний вид и поведение этого виджета с помощью различных свойств, доступных на панели свойств.
Изменение ширины и толщины
Чтобы изменить ширину и толщину вертикального разделителя:
- Выберите виджет Вертикальный разделитель > переместите панель свойств > Свойства разделителя.
- Найдите свойство Width и введите значение, чтобы изменить общую ширину.
- Теперь найдите свойство Thickness (рядом со свойством Width) и введите значение.
Выбор стиля линии
Чтобы настроить стиль разделителя, выберите виджет Вертикальный разделитель > перейдите на панель свойств > Свойства разделителя > выберите Стиль линии.
Это свойство принимает одно из следующих значений:
- Сплошная: создает сплошную линию.
- Пунктирная: создает пунктирную линию.
- Пунктирная: создает пунктирную линию.
- Пунктирная: создает узор из чередующихся пунктиров и точек.
Изменение цвета
Чтобы изменить цвет, выберите виджет Вертикальный разделитель > перейдите на панель свойств > Свойства разделителя > используйте свойство Цвет.
Установите цвет динамически
Посмотрите, как установить цвет из переменной в любое свойство цвета этого виджета.
Настройка верхней и нижней подкладки
Иногда вам может понадобиться добавить немного отступов вокруг вертикального разделителя. Используя свойства Indent и End-Indent, вы можете добавить верхнюю и нижнюю подложку.
Чтобы добавить верхнюю и нижнюю подложку:
- Выберите виджет Вертикальный разделитель > переместите панель свойств > Свойства разделителя.
- Найдите свойство Indent и введите значение. Это добавит верхнюю подложку.
- Аналогично установите свойство End-Indent, чтобы добавить нижний отступ.
Управление высотой
Чтобы управлять высотой разделителя, выберите виджет Вертикальный разделитель > перейдите на панель свойств > Свойства разделителя > используйте свойство Высота.
Отзывчивая видимость
Показать/скрыть виджет
Узнайте, как добавить отзывчивую видимость к любому виджету.
Узнайте, как показать или скрыть любой виджет с помощью свойства Conditional Visibility.